Q
煎茶列表與列線
1
A
回答
2
你可以用類似的方式定義列表如下:
list = {
xtype: 'list',
itemTpl: [
'<table>',
'<tr>',
'<td class="first-child">{title}</td>',
'<td>{title}</td>',
'<td>{title}</td>',
'<td>{title}</td>',
'<td>{title}</td>',
'<td class="last-child">{title}</td>',
'</tr>',
'</table>'
],
emptyText: '<div class="emptytext">Empty list.</div>'
};
然後使用下面的CSS風格的元素:
.x-list .x-list-item {
min-height: 0;
padding: 0;
}
.x-list .x-list-item div table tr td {
border-right: 1px solid #000;
font-size: 80%;
height: 100%;
padding: 5px;
width: 15%;
}
.x-list .x-list-item div table {
width: 100%;
}
.x-list .x-list-item div table tr .first-child {
width: 25%;
}
.x-list .x-list-item div table tr .last-child {
border-right: none;
}
這應該得到Ë你是這樣的:
1
您可以通過米切爾Simoens使用優秀TouchGridPanel插件
相關問題
- 1. 煎茶觸摸列表
- 2. 在煎茶觸摸列表
- 3. 煎茶觸摸列表組
- 4. 縮放與煎茶圖表
- 5. 煎茶觸摸:刷新列表:商店
- 6. 煎茶觸摸 - 試圖從列表
- 7. 排序列表煎茶觸摸
- 8. 煎茶列表分頁插件
- 9. 添加列表煎茶觸摸屏
- 10. 煎茶觸摸2列表100%高度
- 11. 煎茶觸摸component.DataItem動態列表
- 12. 列表與包含多個盒子煎茶觸摸2.3
- 13. 煎茶觸摸2.陣列中JSONP
- 14. 煎茶觸摸工具欄排列
- 15. 煎茶電網和操作列
- 16. 煎茶的Ext JS更改列文本
- 17. 包裝與煎茶CMD一個煎茶觸摸應用
- 18. 煎茶建築師 - 與表單
- 19. 與煎茶集成Ext.ux.touch.Grid 2.0
- 20. 包括與煎茶Cmd的
- 21. 如何實現與煎茶
- 22. 解析JSON與煎茶
- 23. 煎茶+ PhoneGap的
- 24. 導航煎茶
- 25. 煎茶nestedList getActiveItem()
- 26. 在煎茶
- 27. 如何在煎茶觸摸顯示列表項邊框
- 28. 如何序列數據呈現在煎茶圖表標題
- 29. 煎茶觸摸2 - 無法選擇列表項
- 30. 顯示從嵌套的JSON列表:煎茶觸摸2
感謝您的答覆。我已經通過給列表中的每個項目添加邊框來嘗試它。但是在顯示中它不會顯示爲一條連續的線。 – heyjii
你有沒有嘗試減少包含div元素的填充? –
@heyjii我更新了我的答案與樣式,並修改了您需要使用的標記。 –