Layui複雜表頭的兩種方法

2021-09-25 08:16:55 字數 1287 閱讀 5624

自動渲染

乙個簡單的二級表頭:

<

table

class

="layui-table"

lay-data

="">

<

thead

>

<

tr>

<

thlay-data

=""rowspan

="2">

th>

<

thlay-data

=""rowspan

="2">

聯絡人th

>

<

thlay-data

=""colspan

="3">

位址th

>

<

thlay-data

=""rowspan

="2">

金額th

>

<

thlay-data

=""rowspan

="2">

操作th

> tr

>

<

tr>

<

thlay-data

="">省th

>

<

thlay-data

="">市th

>

<

thlay-data

="">區th

> tr

>

thead

>

table

>

rowspan

="2":此列佔兩行 不寫此屬性預設一行

colspan

="3":此列佔三列不寫此屬性預設一行列

然後在用tr區分行乙個tr為一行,

2.方法渲染乙個二級表頭

首先要在html寫乙個table標籤並給idsubjecttable以供下文使用

table.render(,

cols: [[

, ,, ,

, ,, ,

, ,, ], [

, ,

layui的複雜表頭實現工具欄

效果圖如下 周食譜 周時間早餐早餐人數 午餐午餐人數 晚餐晚餐人數 開啟 頭部工具欄區域,該引數支援四種型別值 demo 指向自定義工具欄模板選擇器 true 僅開啟工具欄,不顯示左側模板 default 讓工具欄左側顯示預設的內建模板 注意 該引數為 layui 2.4.0 開始新增。若需要 列顯...

LCA兩種方法

lca least common ancestors 即最近公共祖先,是指在有根樹中,找出某兩個結點u和v最近的公共祖先。模板題 anc i j 表示第i個點的2 j的祖先的標號 整個過程就是兩個點往上跳到同一深度,再一起往上跳找到lca include include using namespac...

post get 兩種方法

a.定義乙個get函式 get url,headers none defget url,headers none return urlrequests url,headers headers 內部可以呼叫urlrequests 如果不寫headers headers會被預設為none b.定義乙個p...