amis/examples/components/CRUD/Fix.jsx

302 lines
8.3 KiB
React
Raw Normal View History

2019-04-30 11:11:25 +08:00
const table = {
type: "table",
data: [
{
engine: "Other browsers",
browser: "All others",
platform: "-",
version: "-",
grade: "U",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 56,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Other browsers",
browser: "All others",
platform: "-",
version: "-",
grade: "U",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 56,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Other browsers",
browser: "All others",
platform: "-",
version: "-",
grade: "U",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 56,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Misc",
browser: "PSP browser",
platform: "PSP",
version: "-",
grade: "C",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 55,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
},
{
engine: "Other browsers",
browser: "All others",
platform: "-",
version: "-",
grade: "U",
progress: 50,
status: true,
image:
"http://hiphotos.baidu.com/fex/%70%69%63/item/0d338744ebf81a4cff2f4cd6de2a6059252da694.jpg",
weight: 56,
others: null,
createdAt: "2017-11-17T08:47:50.000Z",
updatedAt: "2017-11-17T08:47:50.000Z"
}
].map((item, key) => ({
...item,
id: key + 1
})),
columns: [
{
name: "id",
label: "ID",
width: 20,
sortable: true,
type: "text",
toggled: true,
fixed: 'left'
},
{
name: "engine",
label: "Rendering engine",
sortable: true,
searchable: true,
type: "text",
toggled: true,
fixed: 'left'
},
{
name: "browser",
label: "Browser",
sortable: true,
type: "text",
toggled: true
},
{
name: "platform",
label: "Platform(s)",
sortable: true,
type: "text",
toggled: true
},
{
name: "version",
label: "Engine version",
quickEdit: true,
type: "text",
toggled: true
},
{
name: "grade",
label: "CSS grade",
quickEdit: {
mode: "inline",
type: "select",
options: ["A", "B", "C", "D", "X"],
saveImmediately: true
},
type: "text",
toggled: true
},
{
name: "browser",
label: "Browser",
sortable: true,
type: "text",
toggled: true
},
{
name: "platform",
label: "Platform(s)",
sortable: true,
type: "text",
toggled: true
},
{
name: "version",
label: "Engine version",
quickEdit: true,
type: "text",
toggled: true
},
{
name: "browser",
label: "Browser",
sortable: true,
type: "text",
toggled: true
},
{
name: "platform",
label: "Platform(s)",
sortable: true,
type: "text",
toggled: true
},
{
name: "version",
label: "Engine version",
quickEdit: true,
type: "text",
toggled: true
},
{
name: "browser",
label: "Browser",
sortable: true,
type: "text",
toggled: true
},
{
name: "platform",
label: "Platform(s)",
sortable: true,
type: "text",
toggled: true,
fixed: 'right'
},
{
name: "version",
label: "Engine version",
quickEdit: true,
type: "text",
toggled: true,
fixed: 'right'
},
]
};
export default {
$schema: "http://amis.baidu.com/v2/schemas/page.json#",
title: "固顶和列固定示例",
remark: "bla bla bla",
body: [
table,
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
'<div>分割</div>',
table
]
};