可以使用HTML的table标签和CSS样式来实现:

import React from "react";
import "./styles.css";

function Table() {
  return (
    <table>
      <tbody>
        <tr>
          <td>1</td>
          <td>2</td>
          <td>3</td>
          <td>4</td>
          <td>5</td>
          <td>6</td>
          <td>7</td>
          <td>8</td>
          <td>9</td>
          <td>10</td>
        </tr>
        <tr>
          <td>11</td>
          <td>12</td>
          <td>13</td>
          <td>14</td>
          <td>15</td>
          <td>16</td>
          <td>17</td>
          <td>18</td>
          <td>19</td>
          <td>20</td>
        </tr>
      </tbody>
    </table>
  );
}

export default function App() {
  return (
    <div className="App">
      <Table />
    </div>
  );
}

CSS样式:

table {
  border-collapse: collapse;
  border: 1px solid #ddd;
}

td {
  border: 1px solid #eee;
  padding: 10px;
}

代码演示:https://codesandbox.io/s/react-table-2x5e7

在react里里写一个2行10列的表格要求表格线是浅浅的黑色

原文地址: http://www.cveoy.top/t/topic/Ip7 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录