React Resizable Table

Installation

npm i --save react-resizable-table

Usage

import ResizableTable, { ResizingIcon } from 'react-resizable-table';

const MyTable = ({ onColumnResize }) => (
  <ResizableTable onColumnResize={onColumnResize}>
    <table>
      <thead>
        <tr>
          <th>Foo <ResizingIcon /></th>
          <th>Bar <ResizingIcon /></th>
          <th>No resizing </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>foo</td>
          <td>bar</td>
          <td>yep</td>
        </tr>
        <tr>
          <td>whizz</td>
          <td>woop</td>
          <td>hi</td>
        </tr>
      </tbody>
    </table>
  </ResizableTable>
);

export default MyTable;