Bläddra i källkod

fe-12 完成数据表格2

master
Chunxian Zhang 2 år sedan
förälder
incheckning
e9c7c4a065
15 ändrade filer med 554 tillägg och 520 borttagningar
  1. +0
    -0
      lazy-timer-fe/src/pages/Calendar.jsx
  2. +0
    -0
      lazy-timer-fe/src/pages/ColorPicker.jsx
  3. +0
    -0
      lazy-timer-fe/src/pages/Customers.jsx
  4. +0
    -0
      lazy-timer-fe/src/pages/Ecommerce.jsx
  5. +0
    -0
      lazy-timer-fe/src/pages/Editor.jsx
  6. +34
    -0
      lazy-timer-fe/src/pages/Employees.jsx
  7. +0
    -0
      lazy-timer-fe/src/pages/Kanban.jsx
  8. +0
    -0
      lazy-timer-fe/src/pages/Orders.jsx

lazy-timer-fe/src/pages/Charts/Calendar.jsx → lazy-timer-fe/src/pages/Calendar.jsx Visa fil


lazy-timer-fe/src/pages/Charts/ColorPicker.jsx → lazy-timer-fe/src/pages/ColorPicker.jsx Visa fil


lazy-timer-fe/src/pages/Charts/Customers.jsx → lazy-timer-fe/src/pages/Customers.jsx Visa fil


lazy-timer-fe/src/pages/Charts/Ecommerce.jsx → lazy-timer-fe/src/pages/Ecommerce.jsx Visa fil


lazy-timer-fe/src/pages/Charts/Editor.jsx → lazy-timer-fe/src/pages/Editor.jsx Visa fil


+ 34
- 0
lazy-timer-fe/src/pages/Employees.jsx Visa fil

@ -0,0 +1,34 @@
import React from 'react';
import { GridComponent, Inject, ColumnsDirective, ColumnDirective, Search, Page } from '@syncfusion/ej2-react-grids';
import { employeesData, employeesGrid } from '../data/dummy';
import { Header } from '../components';
const Employees = () => {
const toolbarOptions = ['Search'];
const editing = { allowDeleting: true, allowEditing: true };
return (
<div className="m-2 md:m-10 mt-24 p-2 md:p-10 bg-white rounded-3xl">
<Header category="Page" title="Employees" />
<GridComponent
dataSource={employeesData}
width="auto"
allowPaging
allowSorting
pageSettings={{ pageCount: 5 }}
editSettings={editing}
toolbar={toolbarOptions}
>
<ColumnsDirective>
{/* eslint-disable-next-line react/jsx-props-no-spreading */}
{employeesGrid.map((item, index) => <ColumnDirective key={index} {...item} />)}
</ColumnsDirective>
<Inject services={[Search, Page]} />
</GridComponent>
</div>
);
};
export default Employees;

lazy-timer-fe/src/pages/Charts/Kanban.jsx → lazy-timer-fe/src/pages/Kanban.jsx Visa fil


lazy-timer-fe/src/pages/Charts/Orders.jsx → lazy-timer-fe/src/pages/Orders.jsx Visa fil


Laddar…
Avbryt
Spara