Table Record - Change Width of Column
Application Type
Traditional Web

Hi All


I have Table Record widget to display the data, and I have a problem where the data row displayed should be 1 line but in reality so 2 line, I've tried to snup the column width size but it does not work, and I've used horizontal scroll overflow-x but it does not work as well

Solution

Hi Kane,

If you just want that for the header row try this in the screen css:

.TableRecords_Header{
 overflow-x: auto;
 white-space: nowrap;
}

If its for the entire table, try enclosing the table in a container and set the container style to this:

overflow-x: auto;
white-space: nowrap;

Hope this solves it,

AJ

Hi Kane Loony

Added to the above answers

Step1: add the below css to table records

.TableRecords {
    white-space: nowrap;
}

Step 2: Enclose the table with the container and add the overflow css

overflow-x: auto;

You can also refer the attached URL

Hope this helps!

Regards

Ellakkiya.S

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.