response- bootstrap -table auto ширина столбца - PullRequest
0 голосов
/ 12 февраля 2020

Я использую «response- bootstrap -table» для рендеринга таблицы. Некоторые из столбцов имеют длинный текст, где можно получить elipsis. Я установил ширину = "некоторые цифры". Я хочу установить ширину как Dynami c или столбец должен принимать в соответствии с длиной текста. Есть ли способ установить ширину автоматически без расчета длины текста или мы можем обернуть текст и удалить elipsis?

Вот мой код

<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>

react-bootstrap-table some column has long text showing elipsis

1 Ответ

2 голосов
/ 12 февраля 2020

Вы можете просто указать некоторую ширину и использовать tdStyle для достижения желаемого:

<TableHeaderColumn 
  dataField='name'
  width="200" 
  tdStyle={{ whiteSpace: 'normal', wordWrap: 'break-word' }}
>
    Product Name
</TableHeaderColumn>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...