html table原生展示

845 阅读1分钟

遍历: col列,data数据

<table border="1" width="100%">
<tbody>
<tr>
  {
	col.map((item,index) => {
	  return <th key={index}>{item}</th>
	})
  }
</tr>
{
  data.map((dataItem, i) => {
	return <tr key={`0-${i}`}>
	  {
		Object.values(dataItem).map((item, index) => {
		  return <td key={`1-${index}`} style={{whiteSpace:"pre"}}>{item}</td>
		})
	  }
	</tr>
  })
}
</tbody>
</table>