Как я могу динамически контролировать ширину столбца таблицы React-Bootstrap Table-Next? ⇐ CSS

[Anonymous]

Ниже - это то, как выглядит моя таблица в коде. Как я могу контролировать каждый столбец и заставить их иметь разные ширины? < /P>
const products = [
{ id: 1, name: "Item 1", price: 100 },
{ id: 2, name: "Item 2", price: 102 }
];

const ProductList = props => {
const columns = [
{
dataField: "id",
text: "Product ID"
},
{
dataField: "name",
text: "Product Name"
},
{
dataField: "price",
text: "Product Price"
}
];
return (

Products


);
};


Подробнее здесь: https://stackoverflow.com/questions/596 ... t-table-co