material-table 是一个 React 数据表，基于具有附加功能的 material-ui 表。
主要特点
- 自定义行为（轻松添加一个或多个基于行的操作）
- 组件覆盖（可以覆盖 material-table 的任何组件）
- 自定义列渲染（可以根据行数据为列设置自定义渲染）
- 详细信息面板（可以轻松地为每一行设置详细信息面板）
- 可编辑（material-table 的数据可编辑）
- 可导出（可以将数据导出为 CSV）
- 过滤器（内联过滤器组件，可对数据创建自定义过滤器）
- 可分组（分组功能允许通过拖放来创建数据运行组）
- 本地化（可以轻松更改 material-table 的文本）
- 远程数据（允许远程管理数据）
- 搜索（允许搜索数据上的任何文本）
- 选择（可以选择行）
- 排序（在列上具有排序功能）
- 可选样式（轻松地为 material-table 的组件添加样式）
- 树数据（可以轻松管理 material-table 中的嵌套数据）
- 验证（可以在编辑/添加期间验证字段）
用例
import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import MaterialTable from 'material-table'
class App extends Component {
render() {
return (
<div style={{ maxWidth: '100%' }}>
<MaterialTable
columns={[
{ title: 'Adı', field: 'name' },
{ title: 'Soyadı', field: 'surname' },
{ title: 'Doğum Yılı', field: 'birthYear', type: 'numeric' },
{ title: 'Doğum Yeri', field: 'birthCity', lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' } }
]}
data={[{ name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 }]}
title="Demo Title"
/>
</div>
)
}
}
ReactDOM.render(<App />, document.getElementById('react-div'));
-
Intl.NumberFormat：输入一串数字，然后对其进行金额格式化： 用 逗号 分隔（三位一逗号） 保留 2 位小数点 ，数不足补 0 四舍五入 要加金额符号 $ var number = 123456.789; var result = new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'USD' }).format
-
import React from 'react'; import $ from 'jquery'; import Table from '@mui/material/Table'; import TableBody from '@mui/material/TableBody'; import TableCell from '@mui/material/TableCell'; import Tab
-
使用 pl-table 插件 1、安装插件 插件地址： 地址 npm i pl-table 2、引入 /** * pl-table 插件 */ import plTable from 'pl-table' import 'pl-table/themes/index.css' // 引入样式（必须引入)，vuecli3.0不需要配置，cli2.0请查看webpack是否配置了url-loade
-
版本： "react": "^15.6.2", "material-ui": "^0.15.4", onCellClick事件在TableRow上不起作用，需要加在Table上事件才会生效。 <Table onCellClick={(row,column,event) => this.isSelect(row,column,event)}>
-
<template> <div> <el-table :data="tableData" ref="singleTable" highlight-current-row border row-key="index" class="load_table" > <el-table-column mi
-
我正在使用一个mat-table来列出用户选择的语言的内容。他们还可以使用对话框面板添加新的语言。在他们加了一种语言回来之后。我希望我的数据源刷新，以显示他们所做的更改。 我通过从服务获取用户数据并将其传递到refresh方法中的数据源来初始化数据存储。 Language.Component.TS 语言-数据-源.ts 因此，我尝试调用一个刷新方法，从后端再次获取用户，然后重新初始化数据源。然而，
-
本文向大家介绍如何让Birt报表脚本数据源变得既简单又强大，包括了如何让Birt报表脚本数据源变得既简单又强大的使用技巧和注意事项，需要的朋友参考一下 概述：运行在 JVM 上的 SQL 函数和存储过程 总所周知，有些数据库没有强大的分析函数（eg. Mysql）, 有些数据库没有存储过程（eg. Vertica），当遇到复杂的数据计算，往往只能通过 Python,R 等外部脚本来实现，但这些脚本
-
我刚开始学反应。我创建了一个简单的表单。现在我想登录控制台。但它给出了一个错误。 以下是错误的图像： 同时附上我的代码：
-
问题内容： 我正在创建一个简单的表格，使用带有redux表格和材料ui的电子反应样板上传文件。 问题是我不知道如何创建输入文件字段，因为材料ui不支持上传文件输入。 关于如何实现这一目标的任何想法？ 问题答案： 在结构上比@galki的解决方案更有意义的另一个> = v1.0解决方案。 在> = v1.0中已弃用。我找不到更多信息（可能没有记录？），但是当前的API 为此提供了信息。
-
问题内容： 在我的React应用程序中，我有两种不同类型的组件： 演示文稿 和 容器 。大约是Dan Abromov的“ Presentational and Container Components”之后 ，除了我不使用Flux或Redux。 现在，我具有以下结构： 该负责从一些REST API加载数据，如果成功的话，代表们提交的数据的。 该负责添加新用户，再通过调用一个REST API。现在，
-
react-native-material-cards A material design card component, customizable and versatile. See Google Material Design for more info on Cards. Installation npm install --save react-native-material-cards