test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-09 15:30:49 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity
c387cac4de
amis/__tests__/renderers/__snapshots__/Table.test.tsx.snap
RickCole 20669d6b76
fix: 修复table GroupName，中间列未配置导致样式错乱问题 (#4084) 
* fix: 修复table GroupName，中间列未配置导致样式错乱问题

* 修复单测
2022-04-20 15:21:43 +08:00

8239 lines
247 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Renderer:table 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table align 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="text-align: right;"
>
<div
class="cxd-TableCell--title"
/>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
4
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
4
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
4
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
3
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
4
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
4
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
5
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
5
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
5
</span>
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
style="text-align: right;"
>
<span
class="cxd-TplField"
>
<span>
5
</span>
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="text-align: right; width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
/>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table children 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Service"
>
<div
class="cxd-Table m-b-none"
>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class="cxd-Table-expandCell"
data-index="2"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</th>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
ID
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="is-expandable cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class="cxd-Table-expandCell"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
X
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
1
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="is-expandable cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class="cxd-Table-expandCell"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 5.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="is-expandable cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class="cxd-Table-expandCell"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5.5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 5.5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="is-expandable cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class="cxd-Table-expandCell"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
6
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 6
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+
</span>
</td>
</tr>
<tr
class="is-expandable cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class="cxd-Table-expandCell"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
7
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 7
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win XP SP2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="2"
width="0"
/>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="7"
width="0"
/>
<col
data-index="8"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class="cxd-Table-expandCell"
data-index="2"
style="width: 0px; height: 0px;"
>
<a
class="cxd-Table-expandBtn"
>
<icon-mock
classname="icon icon-right-arrow-bold"
icon="right-arrow-bold"
/>
</a>
</th>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
ID
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table classNameExpr 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table column head style 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
>
<table
class="cxd-Table-table cxd-Table-table"
style="width: 0px; table-layout: auto;"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
>
<table
class="cxd-Table-table cxd-Table-table"
style="width: 0px; table-layout: auto;"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table combineNum 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Service"
>
<div
class="cxd-Table m-b-none"
>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table cxd-Table-table--withCombine"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Rendering engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform(s)
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
CSS grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
rowspan="5"
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
rowspan="3"
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
rowspan="2"
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
rowspan="5"
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
rowspan="2"
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
rowspan="2"
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
rowspan="3"
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
rowspan="3"
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
rowspan="3"
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
D
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table cxd-Table-table--withCombine"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="7"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Rendering engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform(s)
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
CSS grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table groupName-default 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Service"
>
<div
class="cxd-Table m-b-none"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr>
<th
colspan="2"
data-index="3"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="3"
data-index="5"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
D
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="8"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
colspan="2"
data-index="3"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="3"
data-index="5"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table groupName-middleNoGroupName 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Service"
>
<div
class="cxd-Table m-b-none"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr>
<th
colspan="1"
data-index="3"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="1"
data-index="4"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
</span>
</span>
</th>
<th
colspan="1"
data-index="5"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
</span>
</span>
</th>
<th
colspan="2"
data-index="6"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
D
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="8"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
colspan="1"
data-index="3"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="1"
data-index="4"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
</span>
</span>
</th>
<th
colspan="1"
data-index="5"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
</span>
</span>
</th>
<th
colspan="2"
data-index="6"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table groupName-withTpl 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Service"
>
<div
class="cxd-Table m-b-none"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr>
<th
colspan="2"
data-index="3"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="3"
data-index="5"
rowspan="1"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
D
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler is-actived"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="8"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
colspan="2"
data-index="3"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组1
</span>
</span>
</th>
<th
colspan="3"
data-index="5"
rowspan="1"
style="width: 0px; height: 0px;"
>
<span
class="cxd-TplField"
>
<span>
分组2
</span>
</span>
</th>
</tr>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table isHead fixed 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
>
<table
class="cxd-Table-table cxd-Table-table"
style="width: 0px; table-layout: auto;"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
style="height: 0px;"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<th
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</th>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
表格1
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
>
<table
class="cxd-Table-table cxd-Table-table"
style="width: 0px; table-layout: auto;"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
`;
exports[`Renderer:table list 1`] = `
<div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
ID
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
文本
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
图片
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
日期
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
进度
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
状态
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="9"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
开关
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="10"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
映射
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="11"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
List
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="91264"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
91264
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
衡 阎
</span>
</td>
<td
class=""
>
<div
class="cxd-ImageField cxd-ImageField--thumb"
>
<div
class="cxd-Image cxd-Image--thumb"
>
<div
class="cxd-Image-thumbWrap"
>
<div
class="cxd-Image-thumb cxd-Image-thumb--contain cxd-Image-thumb--1-1"
>
<img
class="cxd-Image-image"
src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
/>
</div>
</div>
</div>
</div>
</td>
<td
class=""
>
<span
class="cxd-DateField"
>
2020-06-04
</span>
</td>
<td
class=""
>
<div
class="cxd-Progress"
>
<div
class="cxd-Progress-line"
>
<div
class="cxd-Progress-line-inter"
>
<div
class="cxd-Progress-line-bar bg-warning"
style="width: 22%;"
title="22%"
/>
</div>
</div>
<span
class="cxd-Progress-line-text"
>
<span
class="cxd-TplField"
>
<span>
22%
</span>
</span>
</span>
</div>
</td>
<td
class=""
>
<span
class="cxd-StatusField cxd-StatusField--1"
>
<icon-mock
classname="cxd-Status-icon icon icon icon-success"
icon="success"
/>
</span>
</td>
<td
class=""
>
<div
class="cxd-SwitchControl cxd-Form-control"
>
<label
class="cxd-Switch is-checked"
>
<input
checked=""
theme="cxd"
type="checkbox"
/>
<span
class="text"
/>
<span
class="slider"
/>
</label>
<span
class="cxd-Switch-option"
/>
</div>
</td>
<td
class=""
>
<span
class="cxd-MappingField"
>
<span
class="cxd-TplField"
>
<span>
<span
class="label label-warning"
>
紧张
</span>
</span>
</span>
</span>
</td>
<td
class=""
>
<div
class="cxd-List"
>
<div
class="cxd-List-items"
>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Forward Functionality Technician
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
nisi ex eum
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
District Applications Specialist
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
ipsam ratione voluptas
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Future Operations Manager
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
ducimus fugit debitis
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Dynamic Solutions Associate
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
saepe consequatur aut
</small>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="34202"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
34202
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
吉 卢汉市
</span>
</td>
<td
class=""
>
<div
class="cxd-ImageField cxd-ImageField--thumb"
>
<div
class="cxd-Image cxd-Image--thumb"
>
<div
class="cxd-Image-thumbWrap"
>
<div
class="cxd-Image-thumb cxd-Image-thumb--contain cxd-Image-thumb--1-1"
>
<img
class="cxd-Image-image"
src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
/>
</div>
</div>
</div>
</div>
</td>
<td
class=""
>
<span
class="cxd-DateField"
>
2020-06-04
</span>
</td>
<td
class=""
>
<div
class="cxd-Progress"
>
<div
class="cxd-Progress-line"
>
<div
class="cxd-Progress-line-inter"
>
<div
class="cxd-Progress-line-bar bg-success"
style="width: 85%;"
title="85%"
/>
</div>
</div>
<span
class="cxd-Progress-line-text"
>
<span
class="cxd-TplField"
>
<span>
85%
</span>
</span>
</span>
</div>
</td>
<td
class=""
>
<span
class="cxd-StatusField cxd-StatusField--1"
>
<icon-mock
classname="cxd-Status-icon icon icon icon-success"
icon="success"
/>
</span>
</td>
<td
class=""
>
<div
class="cxd-SwitchControl cxd-Form-control"
>
<label
class="cxd-Switch is-checked"
>
<input
checked=""
theme="cxd"
type="checkbox"
/>
<span
class="text"
/>
<span
class="slider"
/>
</label>
<span
class="cxd-Switch-option"
/>
</div>
</td>
<td
class=""
>
<span
class="cxd-MappingField"
>
<span
class="cxd-TplField"
>
<span>
<span
class="label label-info"
>
漂亮
</span>
</span>
</span>
</span>
</td>
<td
class=""
>
<div
class="cxd-List"
>
<div
class="cxd-List-items"
>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Dynamic Assurance Orchestrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
ea ullam voluptates
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Internal Division Assistant
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
illum deleniti qui
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
International Usability Administrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
sit voluptatem quia
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Lead Optimization Orchestrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
autem et blanditiis
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Future Division Assistant
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
dolor cupiditate sint
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Forward Program Orchestrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
quia distinctio voluptas
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Human Implementation Technician
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
consequatur quaerat ullam
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
National Identity Administrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
ipsa et reiciendis
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Regional Factors Planner
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
sed deserunt natus
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Human Data Administrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
rerum consequatur odit
</small>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="37701"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
37701
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
立辉安市
</span>
</td>
<td
class=""
>
<div
class="cxd-ImageField cxd-ImageField--thumb"
>
<div
class="cxd-Image cxd-Image--thumb"
>
<div
class="cxd-Image-thumbWrap"
>
<div
class="cxd-Image-thumb cxd-Image-thumb--contain cxd-Image-thumb--1-1"
>
<img
class="cxd-Image-image"
src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
/>
</div>
</div>
</div>
</div>
</td>
<td
class=""
>
<span
class="cxd-DateField"
>
2020-06-04
</span>
</td>
<td
class=""
>
<div
class="cxd-Progress"
>
<div
class="cxd-Progress-line"
>
<div
class="cxd-Progress-line-inter"
>
<div
class="cxd-Progress-line-bar bg-success"
style="width: 72%;"
title="72%"
/>
</div>
</div>
<span
class="cxd-Progress-line-text"
>
<span
class="cxd-TplField"
>
<span>
72%
</span>
</span>
</span>
</div>
</td>
<td
class=""
>
<span
class="cxd-StatusField cxd-StatusField--0"
>
<icon-mock
classname="cxd-Status-icon icon icon icon-fail"
icon="fail"
/>
</span>
</td>
<td
class=""
>
<div
class="cxd-SwitchControl cxd-Form-control"
>
<label
class="cxd-Switch"
>
<input
theme="cxd"
type="checkbox"
/>
<span
class="text"
/>
<span
class="slider"
/>
</label>
<span
class="cxd-Switch-option"
/>
</div>
</td>
<td
class=""
>
<span
class="cxd-MappingField"
>
<span
class="cxd-TplField"
>
<span>
<span
class="label label-success"
>
开心
</span>
</span>
</span>
</span>
</td>
<td
class=""
>
<div
class="cxd-List"
>
<div
class="cxd-List-items"
>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Corporate Metrics Liason
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
aspernatur natus qui
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Central Paradigm Analyst
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
sequi numquam ad
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
International Data Administrator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
sed libero eum
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Forward Optimization Assistant
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
officiis accusantium dolorem
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Senior Metrics Executive
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
commodi sint quod
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Corporate Quality Facilitator
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
aut aperiam est
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
Forward Operations Producer
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
sed corporis eaque
</small>
</div>
</div>
</div>
<div
class="cxd-ListItem cxd-ListItem--actions-at-right"
>
<div
class="cxd-ListItem-content"
>
<p
class="cxd-ListItem-title h5"
>
National Integration Analyst
</p>
<div>
<small
class="cxd-ListItem-subtitle"
>
quasi ab cumque
</small>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink