javascript - 如何将百分比值传递给宽度以响应数据网格列

Question

下面是我的 Reactdata 网格代码

    this._columns = [
          {
            key: 'id',
            name: 'ID',
            width: 40
          },
          {
            key: 'task',
            name: 'Title',
            width:100
          },
          {
            key: 'priority',
            name: 'Priority',
            width:100
          },
          {
            key: 'issueType',
            name: 'Issue Type',
            width:100
          },
          {
            key: 'complete',
            name: '% Complete',
            width:100
          },
          {
            key: 'startDate',
            name: 'Start Date',
            width:100
          },
          {
            key: 'completeDate',
            name: 'Expected Complete',
            width:100
          }
        ];

          render() {
        return  (
          <ReactDataGrid
            columns={this._columns}
            rowGetter={this.rowGetter}
            rowsCount={this._rows.length}
            minHeight={500}
            minColumnWidth={120} 
          />);
      }

使用下面的 React 数据网格: https://github.com/adazzle/react-data-grid

我想以百分比形式传递宽度，我们如何使用 React 数据网格来实现。 任何帮助，将不胜感激。 谢谢

Answer 1

我知道可能已经晚了，但你可以通过将值设置为字符串来实现这一点

const columns = [
  {
    key: 'Month',
    name: 'Mes',
    width: '50%',
  },
  {
    key: 'Tickets',
    name: 'Tickets',
    width: '10%',
  },
 ];

希望对你有帮助