拉力赛应用程序SDK:有没有办法为表设置子列

有没有办法将一列拆分为表的子列？例如，主列是版本的迭代，但随后会有 Resources| 的子列计划|每次迭代都接受。

你可以用一点CSS和几个跨度来相当简单地做到这一点。下面是一个快速示例。你可能会对你的CSS更花哨，并在子列周围画一些边框，但这给出了这个想法。请注意，当您以这种方式执行操作时，整个列的排序由第一个子列中的值决定......

    <html>
        <head>
        <title>Table With Sub Columns Example</title>
        <meta name="Name" content="Table With Sub Columns Example" />
        <style type="text/css">
            .subColumnLeft {
                float: left;
                text-align: center;
                width: 200px;
            }
            .subColumnRight {
                float: right;
                text-align: center;
                width: 200px;
            }

        </style>

        <script type="text/javascript" src="https://rally1.rallydev.com/apps/1.31/sdk.js"></script>
        <script type="text/javascript">
            rally.addOnLoad(function(){
                var table = new rally.sdk.ui.Table({
                    columns: [
                        {key: 'name', header: 'Name', width: 100},
                        {key: 'subColumnData', header: '<span class="subColumnLeft">Sub Column 1 Header</span>' +
                                '<span class="subColumnRight">Sub Column 2 Header</span>', width: 430}
                    ]
                });
                table.addRows([
                    {
                        name: 'Test 1',
                        subColumnData: '<span class="subColumnLeft">Sub Column 1 Data Here</span>' +
                                '<span class="subColumnRight">Sub Column 2 Data Here</span>'
                    },
                    {
                        name: 'Test 2',
                        subColumnData: '<span class="subColumnLeft">Sub Column 1 Data Here</span>' +
                                '<span class="subColumnRight">Sub Column 2 Data Here</span>'
                    }
                ]);
                table.display('tableDiv');
            });
        </script>
    </head>
    <body>
    <div id="tableDiv"></div>
    </body>
    </html>

相关内容

最新更新

热门标签：