ivory parrot
Hello! I am currently customizing our Companys' Catalog Page and was wondering if it was possible to let the user resize the columns (e.g. The Description) because some consumers did ask to do so.
Unfortunately the columnsResizeable: true option for the Table doesn't seem to make the deal.
Has anyone dealt with this endevour? And how did they do it if it is possible without completly rewriting the way the Table works there?
winged meadow
Hey @ivory parrot , I am exploring the same thing currently. No luck at the moment. I will keep you in the loop if I found a solution.
grizzled tundra
Can you share exactly how you are doing this? Are you using the tableOptions prop?
winged meadow
I am doing this for now. But it gives weird result:
path="/catalog"
element={
<CatalogIndexPage
columns={[
CatalogTable.columns.createNameColumn(),
{
title: 'Test',
width: '10%',
field: 'resolved.name',
highlight: true,
render: ({ entity }) => entity.metadata?.name,
},
]}
/>
}
/>
yes, currently I resulted in doing exactly what Rachid did
I tried using the tableOptions prop with tableOptions={{ columnResizable: true }}, however this doesn't seem to work or I cant find where to resize the column on the page