Extjs中Table布局單元格對齊方式

2022-08-04 10:12:11 字數 878 閱讀 3100

在採用table布局時,預設單元格對齊方式為居中的,如下圖

布局table時列為3列,當備註說明跨2列時,因為備註說明高度比較高,所以到生產單位單元格中內容為為居中對齊,但我們想要的是頂部對齊才好看,

我在瀏覽器裡面看了下,單元格的樣式為 vertical-align,所以在單元格裡面這樣寫:

bodystyle:" vertical-align:top",

xtype: 'combobox',

fieldlabel: '生產單位',

width: 160,

editable: false,

labelwidth: 70,

store: [['一廠', '一廠'], ['二廠', '二廠']],

labelalign: "right"

可惜不起作用,又用了style也不起作用,最終請問同事後,找到解決方式。

其實很多extjs中提供樣式的擴充套件屬性,但大部分用的是cls結尾的配置,比如在這個例子中定義cellcls的樣式vertical-align就可以設定成功了

樣式定義如下:

.celltop

單元格中的寫法為:

效果如下:

源**如下:

1  ext.onready(function

() ,

12items:[,,,, ]

51});

52 });

view code

網頁布局 table布局

table 的特性決定了它非常適合用來做布局,並且 中的內容可以自動居中,這是之前用的特別多的一種布局方式 而且也加入了display table dispaly table cell來支援 teble 布局。1.簡單布局 1 doctype html 2 html lang en 3 head 4...

table 表單元素

標記包含的成員 標記,的整體外觀由標記的屬性決定 錶行標記,表示 中新的一行的開始 表頭標記,標記的文字按照粗體字顯示 表項 定義 的具體資料 資料的內容放在標記之間。屬性 border 設定 邊框的粗細,其取值為正數,單位是象素,省略則不帶邊框。width 設定 寬度,取值為象素數或者百分比 he...

ExtJS 經典布局

先看看布局的效果 借用靚女的靚照就可以讓窗體顯得更加漂亮了,秘訣 下面再看看源 吧.這句是存放的地方 function logindemo 右上方顯示管理系統幾個字 var right toppanel new ext.panel 右下方顯示輸入框和按鈕 var right bottompanel ...