# Elastic EUIBasic Table shows all rows selected

**URL:** https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327
**Category:** Kibana
**Created:** [May 9, 2019, 9:56am UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327 "2019-05-09T09:56:58Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)
#### Post date: [May 9, 2019, 9:56am UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/1 "2019-05-09T09:56:58Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)
#### Post date: [May 9, 2019, 3:06pm UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/2 "2019-05-09T15:06:36Z")

</div>

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](https://elastic.github.io/eui/#/package/changelog) for changes between those versions.

---

<div class="post-metadata">

### Author: ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)
#### Post date: [May 9, 2019, 5:03pm UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/3 "2019-05-09T17:03:18Z")

</div>

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](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

---

<div class="post-metadata">

### Author: ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)
#### Post date: [May 9, 2019, 5:07pm UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/4 "2019-05-09T17:07:28Z")

</div>

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

---

<div class="post-metadata">

### Author: ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)
#### Post date: [May 10, 2019, 5:01am UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/5 "2019-05-10T05:01:52Z")

</div>

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

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [June 7, 2019, 5:01am UTC](https://discuss.elastic.co/t/elastic-euibasic-table-shows-all-rows-selected/180327/6 "2019-06-07T05:01:54Z")

</div>

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