mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-15 15:56:33 +10:00
194 lines
3.6 KiB
JavaScript
194 lines
3.6 KiB
JavaScript
webpackJsonp([108,211],{
|
|
|
|
/***/ 1125:
|
|
/***/ function(module, exports) {
|
|
|
|
module.exports = {
|
|
"content": [
|
|
"article",
|
|
{
|
|
|
|
},
|
|
[
|
|
"h2",
|
|
"案例"
|
|
],
|
|
[
|
|
"h3",
|
|
"多列数据"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "多列数据示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"通过按钮,可实现更多列数据的加载以及左右切换。"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"br"
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "自定义列示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"提供用户自定义列的功能,方便用户查看需要的列。"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"br"
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "横向滚动示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"固定表头列,通过横向滚动条来查看剩余内容。"
|
|
],
|
|
[
|
|
"h3",
|
|
"带图标的表格"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "带图标表格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"通过图标强化信息的传递,适用在表达数据变化趋势。"
|
|
],
|
|
[
|
|
"h3",
|
|
"带图表的表格"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "带图表表格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"通过图表来强化信息的传递,适用在表达数据变化趋势。"
|
|
],
|
|
[
|
|
"h3",
|
|
"二维表格"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "二维表格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"横向和纵向各一个标题来展现数据。"
|
|
],
|
|
[
|
|
"h3",
|
|
"小表格"
|
|
],
|
|
[
|
|
"p",
|
|
[
|
|
"img",
|
|
{
|
|
"class": "preview-img",
|
|
"align": "right",
|
|
"alt": "小表格示例",
|
|
"src": "https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png"
|
|
}
|
|
]
|
|
],
|
|
[
|
|
"p",
|
|
"适用在卡片、弹出框等空间较小的场景中。"
|
|
]
|
|
],
|
|
"meta": {
|
|
"order": 5,
|
|
"title": {
|
|
"zh-CN": "表格:复杂数据",
|
|
"en-US": "Complex Table"
|
|
},
|
|
"filename": "docs/pattern/complex-table.md"
|
|
},
|
|
"description": [
|
|
"section",
|
|
[
|
|
"p",
|
|
"表格也用于展示复杂和高度结构化数据。"
|
|
]
|
|
],
|
|
"toc": [
|
|
"ul",
|
|
[
|
|
"li",
|
|
[
|
|
"a",
|
|
{
|
|
"className": "bisheng-toc-h2",
|
|
"href": "#案例"
|
|
},
|
|
"案例"
|
|
]
|
|
]
|
|
]
|
|
};
|
|
|
|
/***/ }
|
|
|
|
}); |