表格数据 tableData

用法

用于渲染禅道详情页右侧的表格数据。

zin 声明

tableData
(
    set::title('基本信息'),
    item
    (
        set::name('所属执行'),
        '企业网站第一期'
    ),
    item
    (
        set::name('指派给'),
        '开发丙'
    ),
    item
    (
        set::name('任务类型'),
        '开发'
    ),
    item
    (
        set::name('任务状态'),
        '已完成'
    ),
    item
    (
        set::name('进度'),
        '100 %'
    ),
    item
    (
        set::name('优先级'),
        priLabel(1);
    ),
);

生成的 HTML

<table class="table-data">
    <caption class="font-normal article-h2 text-left mb-2">基本信息</caption>
    <tbody>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">所属执行</th>
            <td class="py-1.5 pl-2">企业网站第一期</td>
        </tr>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">指派给</th>
            <td class="py-1.5 pl-2">开发丙</td>
        </tr>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">任务类型</th>
            <td class="py-1.5 pl-2">开发</td>
        </tr>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">任务状态</th>
            <td class="py-1.5 pl-2">已完成</td>
        </tr>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">进度</th>
            <td class="py-1.5 pl-2">100 %</td>
        </tr>
        <tr>
            <th class="py-1.5 pr-2 text-right font-normal">优先级</th>
            <td class="py-1.5 pl-2"><span class="pri-1">1</span></td>
        </tr>
    </tbody>
</table>

属性

名称	类型	可选	默认值	说明
title	string	✓	null	表格标题
useTable	bool	✓	true	是否使用 table 渲染

item 属性

名称	类型	可选	默认值	说明
name	string	✓	null	字段名
trClass	string	✓	null	tr 类名
thClass	string	✓	null	th 类名
tdClass	string	✓	null	td 类名
collapse	bool	✓	null	是否启用折叠，仅在 useTable=false 时生效