Add headerRow to EuiBasicTable

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 - Added `tableCaption` prop to `EuiBasicTable` and improved the default one ([#2782](https://github.com/elastic/eui/pull/2782))
 - Changed SASS comments to non-compiled comments in invisibles files ([#2807](https://github.com/elastic/eui/pull/2807))
+- Added `rowHeader` prop to `EuiBasicTable` to allow consumers to set the identifying cell in a row ([#2802](https://github.com/elastic/eui/pull/2802))
 
 ## [`18.3.0`](https://github.com/elastic/eui/tree/v18.3.0)
 

src-docs/src/views/tables/basic/basic.js

@@ -121,6 +121,7 @@ export const Table = () => {
   return (
     <EuiBasicTable
       items={items}
+      rowHeader="firstName"
       columns={columns}
       rowProps={getRowProps}
       cellProps={getCellProps}

src-docs/src/views/tables/basic/props_info.js

@@ -95,6 +95,12 @@ export const propsInfo = {
           required: false,
           type: { name: '(criteria: #Criteria) => void' },
         },
+        rowHeader: {
+          description:
+            'Indicates which column should be used as the identifying cell in each row. Should match a "field" prop in FieldDataColumn',
+          required: false,
+          type: { name: 'string' },
+        },
         tableCaption: {
           description:
             'Describes the content of the table. If not specified, the caption will be "This table contains {itemCount} rows."',

src-docs/src/views/tables/selection/selection.js

@@ -215,6 +215,7 @@ export class Table extends Component {
           isSelectable={true}
           selection={selection}
           onChange={this.onTableChange}
+          rowHeader="firstName"
         />
       </Fragment>
     );