Elastic EUIBasic Table shows all rows selected

Hello Team,

I am using Kibana 6.3 and generated custom plugin using Kibana 6.3 source code.

I am facing issue in EUIBasic Table.
all table items are shows selected even only one row item is clicked.
Here is my configuration.

const selection = {
onSelectionChange: this.onSelectionChange
};

const pageOfItems = [
{
id: "1",
name: "john"
},
{
id: "12",
name: "Don"
}
];
const columns = [
{
field: "id",
name: "id",
truncateText: true
},
{
field: "name",
name: " Name",
truncateText: true
}
];

When I select any row the I'd if that item gets selected correctly and size of selecteditems is also correct but on UI all rows shows as selected.
My observation is it is shown same id for both rows.

EDIT: checkbox currently shows id= _selection_column_undefined_checkbox

Note: this code works in Kibana plugin generated using Kibana 6.5 source code.

Sorry for unformatted code, created discussion from mobile.
Any pointers to resolve this issue are really appreciated , Thanks in advance.
Thank you,
Aditya

Kibana 6.3 uses EUI version v0.0.38-bugfix.1
Kibana 6.5 uses EUI version 4.5.1-logos-tooltip-betabadge

EUI is a rapidly evolving library so code taken from a newer version will most likely not work in an older version.

Checkout the change log for changes between those versions.

1 Like

Thank you very much Nathan_Reese.

May be below change in EUI version [0.0.48] is causing the issue.
(https://github.com/elastic/eui/pull/830)

Could you please let me know where can i find the documentation for setting itemId in selection property.

One query : when i select a particular checkbox the item is getting selected correctly and in onSelectionChange method shows correct id of selected row's checkbox , not sure how is this working and not UI selection is not.

Thank you,
Aditya

Documentation for the current version is at https://elastic.github.io/eui/#/. To view the documentation for older versions, got to a specific commit and run yarn and yarn start

Thank you very much Nathan_Reese.
I was able to solve it by adding
ItemId:"I'd" in selection

const selection = {
ItemId:"I'd",
onSelectionChange: this.onSelectionChange
};

Thanks again,
Aditya

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.