Как я могу динамически контролировать ширину столбца таблицы response-bootstrap-table-next? ⇐ CSS

[Anonymous]

Ниже показано, как моя таблица выглядит в коде. Как я могу управлять каждым столбцом и сделать их разной ширины?
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