React-bootstrap-table2: How to display text limit in table

Created on 18 Dec 2018  路  2Comments  路  Source: react-bootstrap-table/react-bootstrap-table2

Hi, I installed react-bootstrap-table-next npm new version. how can i display limited text. because table row lot of unwanted space. anyone can help me.

image

the output look like this.

Angular is a typescript based open source front-end web application framework...

picture senthilmca90

Most helpful comment

it's a default behavior, you can try to add some css via column.style or column.classes like:

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
picture AllenFang on 19 Dec 2018
👍7

All 2 comments

it's a default behavior, you can try to add some css via column.style or column.classes like:

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
AllenFang picture AllenFang on 19 Dec 2018
👍7

@AllenFang Thanks. It's works fine

senthilmca90 picture senthilmca90 on 26 Dec 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

saifulss picture saifulss  路  4Comments
thevangelist picture thevangelist  路  4Comments
epsyan picture epsyan  路  4Comments
kamarajuPrathi picture kamarajuPrathi  路  4Comments
cnav007 picture cnav007  路  4Comments