Help Center/ Huawei Cloud Astro Zero/ FAQs/ Application Frontend Development/ What Can I Do If Too Many Fields in a Table Cannot Be Completely Displayed on a Standard Page?
Updated on 2025-08-14 GMT+08:00

What Can I Do If Too Many Fields in a Table Cannot Be Completely Displayed on a Standard Page?

Description

A table cannot clearly display all fields, and there is no horizontal scroll bar.

Figure 1 Fields not displayed

Solution

Add the style code on the Style Code area. Enter the following style code by referring to Figure 2.
.ivu-table-row td{
width:100px;
}
  • If the Style Code area is empty, paste the style code and save the page.
  • If there are many styles in the Style Code area, find the class of the table, add the preceding style code to the class, and change the column width as required. After that, a scroll bar is displayed during preview.
Figure 2 Adding the column width style to the style code area