Css 默认引导表大小

我有一个具有多个标题的引导表和一个

addAction（）

函数，该函数将

push（）

我的API中的信息保存在表中。一切都很好，除非我没有信息要推，我的桌子很小，看起来不太美观

默认情况下，引导表将表的大小设置为非常小，并且在表中没有要显示的数据时写入。我想用一个默认的表大小值替换它，该值内部为空

在这里，我制作标题并调用

addAction（）

返回(

过程

);

addAction（）

功能添加动作（数量、道具）{
行动=[]；
for（设i=0；i

总之，如果props.actions没有项目，我想显示一个固定大小的空网格

可能吗？如果可能，如何实现

---

感谢

的属性很少，您可以使用这些属性设置桌子的高度：

1.设置桌子的高度：

2.设置收割台的高度：

//...

3.设置桌子主体的高度：

//...

引导表可以占用父元素的整个区域

如果没有数据，则在表中创建一个td并使用colspan。在那之后，把空字符串放到那。那么尺寸就可以了。

---

 

将您的逻辑放在else部分。当prop.actions.item不为null时，则if部分将运行。但当它为null时，else部分将运行。在那里，您可以使用colspan设置发送消息的逻辑或空td。

 if (props.actions.items[i] != null) {
          action.push({
           process: props.actions.items[i].request.process.description,
          });
    else
    {
    do some thing here
    }

---

我喜欢你的答案#1但我如何在

中使用

if

实现它？我希望高度为120px，前提是

操作

没有这样的

项

你可以使用条件：

如果不满足条件，我不想要固定大小？设置为

”

，它将被忽略，像这样：

height={condition？'120px'：''}

我应该在哪里使用colspan？好问题+1！

function addAction (quantity, props) {
  action = [];
   for (let i = 0; i < quantity; i++) {
    if (props.actions.items[i] != null) {
      action.push({
       process: props.actions.items[i].request.process.description,
      });
    }
   }
}

<BootstrapTable data={ data } height='120px'>

<BootstrapTable
  headerStyle={{ height: 200px }}>
    //...
</BootstrapTable>

<BootstrapTable
  bodyStyle={{ height: '200px' }}>
    //...
</BootstrapTable>

 if (props.actions.items[i] != null) {
          action.push({
           process: props.actions.items[i].request.process.description,
          });
    else
    {
    do some thing here
    }