cell-render

React table-cell-render tools based on antd!

Usage no npm install needed!

<script type="module">
  import cellRender from 'https://cdn.skypack.dev/cell-render';
</script>

README

CELL RENDER

Table-cell-render defined the common cell render functions based on ant-design and which can greatly easy to render cell

This project is generated from npm-template.

Install

$ npm install table-cell-render --save or yarn add table-cell-render

Usage

You can see apis for more details!

Here's a quick demostration:

import renderCell from 'cell-render'

function App() {
  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
      width: 120,
      render: (value: any) => {
        return renderCell('string', value)
      },
    },
    ...
  ]
  return (
    <div className="App" style={{ padding: '50px' }}>
      <Table scroll={{ x: 1500}} columns={columns} dataSource={data} />
    </div>
  )
}

export default App

We have supported more useful usages, you can check docs: cell-render for more details!

Thanks for using, solo with code🍁!