您好,我遇到了在React中添加内联样式到表格组件的问题。基本上我想要做的是让表头/单元格等间距分布,所以我添加了 width: '50%'
样式来实现这个目标。我在控制台中添加它,它可以工作,但是当我返回代码中添加时,它就不起作用了。
我尝试将其添加到任何东西中,只是为了看看是否起作用,但它没有起作用。我是否漏掉了什么重要的东西?
它的外观:
我可以帮您翻译。这是一段关于编程的内容,需要翻译成中文并保留HTML标签。以下是翻译结果:我希望它看起来像这样(在控制台添加宽度样式后):{{link1:}}
JSX:
<table className="table table-striped">
<thead>
<tr styles={{width: '50%'}}>
<th styles={{width: '50%'}}>Hello</th>
<th styles={{width: '50%'}}>World</th>
</tr>
</thead>
<tbody>
{(data.length == 0)&&
<tr>
<td>I'm</td>
<td>Sam</td>
</tr>
}
</tbody>
</table>