15,508
个编辑
小无编辑摘要 |
小 (修改margin) |
||
(未显示2个用户的47个中间版本) | |||
第7行: | 第7行: | ||
params["title" ] = "表格默认标题" | params["title" ] = "表格默认标题" | ||
params["item_per_tab" ] = "50" | params["item_per_tab" ] = "50" | ||
params["max_width" ] = " | params["max_width" ] = "fit-content" | ||
params["max_height" ] = "fit-content" | |||
params["margin" ] = "" | |||
params["shadow" ] = "0px 0px 0px #878787" | |||
params["tab_color" ] = "#004B97" | params["tab_color" ] = "#004B97" | ||
params["tab_bg_color" ] = "#ffffff" | params["tab_bg_color" ] = "#ffffff" | ||
params["header" ] = {'作者', '主题', '简介'} | params["header" ] = {'作者', '主题', '简介'} | ||
params["color" ] = {'# | params["color" ] = {'#000000', '#000000', '#000000'} | ||
params["bg_color" ] = {'# | params["bg_color" ] = {'#f8f9fa', '#f8f9fa', '#f8f9fa'} | ||
params["color_alt" ] = {'# | params["text" ] = {'center', 'center', 'left'} | ||
params["bg_color_alt" ] = {'# | params["color_alt" ] = {'#202122', '#202122', '#202122'} | ||
params["header_color" ] = {'# | params["bg_color_alt" ] = {'#f8f9fa', '#f8f9fa', '#f8f9fa'} | ||
params["header_bg_color" ] = {'# | params["header_color" ] = {'#000000', '#000000', '#000000'} | ||
params["header_bg_color" ] = {'#d2d3d4', '#d2d3d4', '#d2d3d4'} | |||
params["display" ] = {'true', 'true', 'true'} | params["display" ] = {'true', 'true', 'true'} | ||
params["col_width" ] = {' | params["col_width" ] = {'fit-content', 'fit-content', 'fit-content'} | ||
params["col_height" ] = {'fit-content', 'fit-content', 'fit-content'} | |||
params["border_color" ] = { | params["border_color" ] = { | ||
'# | '#878787 #878787 #878787 #878787', | ||
'# | '#878787 #878787 #878787 #878787', | ||
'# | '#878787 #878787 #878787 #878787', | ||
} | } | ||
params["header_border_color" ] = { | params["header_border_color" ] = { | ||
'# | '#878787 #878787 #878787 #878787', | ||
'# | '#878787 #878787 #878787 #878787', | ||
'# | '#878787 #878787 #878787 #878787', | ||
} | } | ||
params["border_style" ] = { | params["border_style" ] = { | ||
" | "solid solid solid solid", | ||
" | "solid solid solid solid", | ||
" | "solid solid solid solid", | ||
} | } | ||
params["header_border_style" ] = { | params["header_border_style" ] = { | ||
" | "solid solid solid solid", | ||
" | "solid solid solid solid", | ||
" | "solid solid solid solid", | ||
} | } | ||
params["border_width" ] = { | params["border_width" ] = { | ||
" | "1px 1px 1px 1px", | ||
" | "1px 1px 1px 1px", | ||
" | "1px 1px 1px 1px", | ||
} | } | ||
params["header_border_width" ] = { | params["header_border_width" ] = { | ||
" | "1px 1px 1px 1px", | ||
" | "1px 1px 1px 1px", | ||
" | "1px 1px 1px 1px", | ||
} | } | ||
第55行: | 第60行: | ||
"item_per_tab", | "item_per_tab", | ||
"max_width", | "max_width", | ||
"max_height", | |||
"shadow", | |||
"margin", | |||
"tab_color", | "tab_color", | ||
"tab_bg_color" | "tab_bg_color" | ||
第69行: | 第77行: | ||
"display" , | "display" , | ||
"col_width" , | "col_width" , | ||
"col_height" , | |||
"border_color" , | "border_color" , | ||
"header_border_color" , | "header_border_color" , | ||
第75行: | 第84行: | ||
"border_width" , | "border_width" , | ||
"header_border_width" , | "header_border_width" , | ||
"text" , | |||
} | } | ||
第86行: | 第96行: | ||
:css('padding' ,'10px') | :css('padding' ,'10px') | ||
:css('width' , params["col_width" ][i]) | :css('width' , params["col_width" ][i]) | ||
:css('height' , params["col_height" ][i]) | |||
:css('color' , params["header_color" ][i]) | :css('color' , params["header_color" ][i]) | ||
:css('background-color' , params["header_bg_color" ][i]) | :css('background-color' , params["header_bg_color" ][i]) | ||
第91行: | 第102行: | ||
:css('border-color' , params["header_border_color" ][i]) | :css('border-color' , params["header_border_color" ][i]) | ||
:css('border-style' , params["header_border_style" ][i]) | :css('border-style' , params["header_border_style" ][i]) | ||
:css('text-align' , params["text" ][i]) | |||
end | end | ||
end | end | ||
第105行: | 第117行: | ||
:css('padding' ,'10px') | :css('padding' ,'10px') | ||
:css('width' , params["col_width" ][i]) | :css('width' , params["col_width" ][i]) | ||
:css('height' , params["col_height" ][i]) | |||
:css('border-width' , params["border_width" ][i]) | :css('border-width' , params["border_width" ][i]) | ||
:css('border-color' , params["border_color" ][i]) | :css('border-color' , params["border_color" ][i]) | ||
:css('border-style' , params["border_style" ][i]) | :css('border-style' , params["border_style" ][i]) | ||
:css('text-align' , params["text" ][i]) | |||
if row_id % 2 == 0 then | if row_id % 2 == 0 then | ||
info | info | ||
第116行: | 第130行: | ||
:css('color' , params["color_alt" ][i]) | :css('color' , params["color_alt" ][i]) | ||
:css('background-color' , params["bg_color_alt" ][i]) | :css('background-color' , params["bg_color_alt" ][i]) | ||
end | end | ||
end | end | ||
第126行: | 第141行: | ||
:addClass('wikitable') | :addClass('wikitable') | ||
:addClass('mw-collapsible') | :addClass('mw-collapsible') | ||
:addClass('plainrowheaders') | :addClass('plainrowheaders') | ||
:css('overflow-x', 'auto') | :css('overflow-x', 'auto') | ||
:css('width', " | :css('width', "fit-content") | ||
:css('height', "fit-content") | |||
if args['collapsed'] then tbl:addClass('mw-collapsed') end | |||
if params["display_title"] == "true" then | if params["display_title"] == "true" then | ||
第186行: | 第204行: | ||
constraint_div | constraint_div | ||
:css("max-width", params["max_width"]) | :css("max-width", params["max_width"]) | ||
:css("max-height", params["max_height"]) | |||
:css("box-shadow", params["shadow"]) | |||
:css("margin", params["margin"]) | |||
local tbl = renderTable(args, tot_row_ids) | local tbl = renderTable(args, tot_row_ids) | ||
constraint_div:node(tbl) | constraint_div:node(tbl) | ||
第196行: | 第217行: | ||
:addClass("tabs-container") | :addClass("tabs-container") | ||
:css("max-width", params["max_width"]) | :css("max-width", params["max_width"]) | ||
:css("max-height", params["max_height"]) | |||
:css("box-shadow", params["shadow"]) | |||
:css("margin", params["margin"]) | |||
-- create tab ui list | -- create tab ui list | ||
local tab_list = tabs_div:tag("ul") | local tab_list = tabs_div:tag("ul") | ||
第226行: | 第249行: | ||
:addClass("tabs-contents") | :addClass("tabs-contents") | ||
:css("width", "auto") | :css("width", "auto") | ||
:css("height", "auto") | |||
for i, row_ids in ipairs(tabs_row_ids) do | for i, row_ids in ipairs(tabs_row_ids) do | ||
local table_ele = tables_list:tag("div") | local table_ele = tables_list:tag("div") | ||
第235行: | 第258行: | ||
:addClass("tab-c") | :addClass("tab-c") | ||
:css("width", "auto") | :css("width", "auto") | ||
:css("height", "auto") | |||
local inner_content = table_ele:tag("div") | local inner_content = table_ele:tag("div") | ||
inner_content | inner_content | ||
第240行: | 第264行: | ||
:css("columns", "1") | :css("columns", "1") | ||
:css("width", "auto") | :css("width", "auto") | ||
:css("height", "auto") | |||
local content_tbl = renderTable(args, row_ids) | local content_tbl = renderTable(args, row_ids) | ||
inner_content:node(content_tbl) | inner_content:node(content_tbl) |