TABLE width, unit grid

zhaozj2021-02-17 44

1. To fix the total width of Table and the width of each column:

Or in the script:

this.style.tableLayout = Fixed

HTML

{TABLE-LAYOUT: SLAYOUT}

Scripting

Object.Style.tableLayout [= SLAYOUT]

Possible value:

SLAYOUT

String settings or get the following value:

Auto

Default settings. Column width will be set to the width of the unsearient maximum content.

Fixed

The width of the table is fixed, and the content is fixed without changing the content in the cell.

I. Set the width of each column, no width of the table: the width of the table is equal to the width of each column and

II. Set the width of the table, no width of each column: the width allocation of each column

3. If there is no width: the width of the table is 100%, the width allocation of each column

Two.

There is an Attribute called now, you can control if each cell is allowed

this.nowrap = TRUE

HTML

Scripting

Object.nowrap [= bwrap]

Possible value:

BWRAP

Boolean Sets or gets the following value:.

False

Default. Word characters for cells allow cells.

True

Universal return is not allowed, unless character contains "
"

ASP.NET's DataGrid has a problem, and its column has an attribute ItemStyle.Wrap, and the design is when this column is the itemStyle.Wrap property is TRUE, the cell allows back, not allowed to return to False, but when set up This is the case when it outputs to the client to False:

Instead of

So ItemStyle.Wrap attributes do not work, please manually in the DataGrid1_itemDatabase event, those units that will not allow back to return to the NOWRAP = True.

Private void DataGrid1_itemdatabase (Object Sender, System.Web.ui.WebControls.DataGriditeMeventArgs E)

{

E.Item.cells [n] .attributes.add ("nowrap", "true");

}

Third. Truncate English words forced back

The above two methods can fix the width of the table, whether the return can be set, and now it will encounter a problem, when allowing the back of the multi-faced English word, maybe Before the width of this cell, if this word is truncated from the truncation, the portion of this word exceeding the cell width will not be displayed. So you need to force words to truncate back in places where the words exceed the cell length.

You can use the Word-Break style in the CSS to achieve our goal:

this.style. Wordbreak = BREAK-ALL

HTML

{Word-Break: sbreak}

Scripting

Object.Style.WordBreak [= sbreak]

Possible value:

SBREAK

String settings or get the following value:

Normal

Default. Allows back from each word.

BREAK-ALL

No matter where it is, it will return to the column width.

Keep-all

It is not allowed to return to Korean back. This feature is similar to "Normal" non-Asian language version.

转载请注明原文地址:https://www.9cbs.com/read-29379.html

9cbs

New Post(0)