在React中设置表格标题的样式

.table-header {
  font-weight: bold;
  background-color: #f2f2f2;
  color: #333;
  text-align: center;
  padding: 10px;
}

import React from 'react';
import './Table.css'; // 样式表文件

const Table = () => {
  return (
    <table>
      <thead>
        <tr>
          <th className="table-header">Title 1</th>
          <th className="table-header">Title 2</th>
          <th className="table-header">Title 3</th>
        </tr>
      </thead>
      <tbody>
        {/* 表格内容 */}
      </tbody>
    </table>
  );
}

export default Table;

import React from 'react';

const Table = () => {
  const headerStyle = {
    fontWeight: 'bold',
    backgroundColor: '#f2f2f2',
    color: '#333',
    textAlign: 'center',
    padding: '10px',
  };

  return (
    <table>
      <thead>
        <tr>
          <th style={headerStyle}>Title 1</th>
          <th style={headerStyle}>Title 2</th>
          <th style={headerStyle}>Title 3</th>
        </tr>
      </thead>
      <tbody>
        {/* 表格内容 */}
      </tbody>
    </table>
  );
}

export default Table;