[英]ReactJS Griddle override inline style
I am creating an application and I am using the ReactJS Griddle component. 我正在创建一个应用程序,并且正在使用ReactJS Griddle组件。 I am trying to create a custom row component but it keep applying an inline style like so:
我试图创建一个自定义行组件,但它继续应用内联样式,如下所示:
<div class="myCustomRowClass" data-reactid="react_id" style="clear:both;display:table;width:100%">
I would need to override the style so I can set display: grid;
我需要覆盖样式,以便设置
display: grid;
. 。 The reason for this is that I am using Semantic-Ui for the user interface, and when I do something like this:
原因是我在用户界面上使用了Semantic-Ui,并且在执行以下操作时:
<div class="ui four cards">
<div class="ui card">
/* content */
</div>
<div class="ui card">
/* content */
</div>
/* etc... */
</div>
instead of display a grid of 4 card per row, it displays one card per row. 而不是每行显示4张卡片,而是每行显示1张卡片。
Is there a way I can override the style? 有没有办法可以覆盖样式?
Help appreciated. 帮助表示赞赏。
I have found the answer to this. 我找到了答案。 I should have used
customGridComponent
instead of customRowComponent
and render my data in the CustomGridComponent
我应该使用
customGridComponent
而不是customRowComponent
并在CustomGridComponent
呈现我的数据
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.