Fix name for identify components

components/table/components/head.jsx

@@ -31,7 +31,7 @@ class Head extends React.Component {
 
   render () {
     return (
-      <thead data-component-table-head className={this.props.className}>
+      <thead data-react-toolbox-table='head' className={this.props.className}>
         <tr>
         { this.renderCellSelectable() }
         {

components/table/components/row.jsx

@@ -82,7 +82,7 @@ class Row extends React.Component {
     if (this.props.selected) className += ` ${style.selected}`;
 
     return (
-      <tr data-component-table-row className={className}>
+      <tr data-react-toolbox-table='row' className={className}>
       { this.renderCellSelectable() }
       {
         Object.keys(this.props.model).map((key) => {

components/table/index.jsx

@@ -107,7 +107,7 @@ class Table extends React.Component {
   render () {
     const className = `${this.props.className} ${style.root}`;
     return (
-      <table data-component-table className={className}>
+      <table data-react-toolbox='table' className={className}>
         { this.renderHead() }
         { this.renderBody() }
       </table>