reactjs - MDB DataTable text-align on th 和 td 在 ReactJS
问题描述
我正在使用mdbreact
这样的方式在 reactjs 中生成一个可排序的表
import React from 'react';
import { MDBDataTable } from 'mdbreact';
const tableData = {
columns: [
{
field: 'first_name',
label: 'First Name'
},
{
field: 'last_name',
label: 'Last Name'
},
{
field: 'age',
label: 'Age'
}
],
rows: [
{
first_name: 'John',
last_name: 'Smith',
age: 29
},
{
first_name: 'Jane',
last_name: 'Doe',
age: 37
}
]
class Table extends React.Component {
render() {
return(
<MDBDataTable data={tableData} />
)
}
}
export default Table;
(以上是我正在使用的表格的简化)
目前我正在使用类似于下面的东西来定位th
css中的前5个元素:
th:nth-of-type(-n+5) {
text-align: left;
}
但是有没有办法通过列或单元格应用某种类别或在 js 级别应用样式?
具体来说,我想将一个类应用于年龄 th
和td
元素,无论它们可能位于列顺序中的任何位置
解决方案
推荐阅读
- javascript - ESLint 如何应用“使用数组解构”?
- firefox - 如何通过 html/js 在 Firefox 中禁用 Pip(画中画)?
- c# - C# 模运算符
- python - 在python中显示经过时间的问题
- node.js - nodejs 连接会受到我使用的路由器类型的影响吗?
- php - Docker - NGINX 容器转发到 PHP-FPM 容器
- swift - 是否可以在 Swift 中拥有包含通用协议的属性?
- python - 在python中更改网址
- unreal-engine4 - UE4 寻路无需像吃豆人那样转身
- typescript - 将对象文字表达式中的 keyof T 数组限制为完全 (keyof T)[]