(Table): remove all the scope attributes

Author: msmx-mnakagawa

src/scripts/Table.tsx

@@ -172,7 +172,7 @@ export const TableHeaderColumn: FC<TableHeaderColumnProps> = (props) => {
   );
 
   return (
-    <th {...pprops} className={oClassNames} scope='col' style={style}>
+    <th {...pprops} className={oClassNames} style={style}>
       {sortable ? (
         <a
           onClick={(e) => {
@@ -223,7 +223,6 @@ export const TableRowColumn: FC<TableRowColumnProps> = (props) => {
     className: oClassNames,
     width,
     children,
-    scope,
     ...pprops
   } = props;
   const style: CSSProperties = {};
@@ -239,15 +238,11 @@ export const TableRowColumn: FC<TableRowColumnProps> = (props) => {
     children
   );
 
-  const CellComponent = scope === 'row' ? 'th' : 'td';
-  const cellProps = {
-    style,
-    className: oClassNames,
-    ...pprops,
-    ...(scope === 'row' ? { scope: 'row' } : {}),
-  };
-
-  return <CellComponent {...cellProps}>{cellContent}</CellComponent>;
+  return (
+    <td style={style} className={oClassNames} {...pprops}>
+      {cellContent}
+    </td>
+  );
 };
 
 /**