lucid-ui
Version:
A UI component library from AppNexus.
25 lines (24 loc) • 1.38 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { DataTable } from '../../../index';
const { EmptyStateWrapper, EmptyStateWrapper: { Title, Body }, } = DataTable;
export default createClass({
getInitialState() {
return {
data: [],
};
},
render() {
const { data } = this.state;
return (React.createElement(DataTable, { data: data, density: 'extended', isFullWidth: true },
React.createElement(EmptyStateWrapper, null,
React.createElement(Title, null, "No items found."),
React.createElement(Body, null,
React.createElement("img", { src: 'https://dummyimage.com/375x150/ff69/fff' }))),
React.createElement(DataTable.Column, { field: 'id', width: 41, align: 'center', hasBorderLeft: true, isSortable: true }, "ID"),
React.createElement(DataTable.Column, { field: 'first_name', width: 100, hasBorderLeft: true }, "First"),
React.createElement(DataTable.Column, { field: 'last_name', align: 'left', width: 100, hasBorderRight: true }, "Last"),
React.createElement(DataTable.Column, { field: 'email', align: 'center' }, "E-Mail"),
React.createElement(DataTable.Column, { field: 'occupation', align: 'right', width: 100, hasBorderLeft: true }, "Occupation")));
},
});