How to autofit column width in Data Table component or how to use CSS in UiPath Forms

Help Forms
,
1

I am using Data Table component to present a data table in show form activity where I have 15+ columns and I am getting below view

A data table with partially obscured text and numerical values in each row and column. (Captioned by AI)
A data table with partially obscured text and numerical values in each row and column. (Captioned by AI)1361Ă—491 19.6 KB

so is there a way to auto fit the columns or use CSS to make it presentable

2

Hi @mrv.raj

You can try to use manually edit json file :
{
“header”: “ColumnName”,
“dataKey”: “ColumnName”,
“width”: “auto”
}

As well different method try enabling horizontal scrolling in datatable properties use scrollable= true.

3

Yes, tried width and horizontal scrolling as well both are not working

4

I found one work around for this, if we press Ctrl+ it will automatically adjust to the screen

1 Like
5

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.