react-bootstrap-table自动列宽

Question

我使用"react-bootstrap- table“来呈现表格。一些列有长文本，其中获取省略号。我已经给width=设置了“一些数字”。我想设置宽度作为动态或列应该采取与每个文本的长度。有没有办法在不计算文本长度的情况下自动设置宽度，或者我们可以将文本换行并去掉省略号吗？

以下是我的代码

<BootstrapTable
          data={products}
          pagination
          options={options}
          striped
          hover
          search
        >


          <TableHeaderColumn width="170" dataField="a1" dataSort columnTitle>some text</TableHeaderColumn>

          // Here i have set widht manually as '  width="160" '
          <TableHeaderColumn width="160" dataField="a2" dataSort columnTitle>some text</TableHeaderColumn>

          <TableHeaderColumn width="140" dataField="a3" dataSort>some text</TableHeaderColumn>


        </BootstrapTable>

​

​

Answer 1

您只需指定一些宽度，然后使用tdStyle来实现您想要的效果：

<TableHeaderColumn 
  dataField='name'
  width="200" 
  tdStyle={{ whiteSpace: 'normal', wordWrap: 'break-word' }}
>
    Product Name
</TableHeaderColumn>