在react里里写一个2行10列的表格要求表格线是浅浅的黑色
可以使用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
原文地址: http://www.cveoy.top/t/topic/Ip7 著作权归作者所有。请勿转载和采集!