默认引导程序表大小

我有一个引导程序表，它具有多个标题和一个addAction()函数，该函数从表中的API中获取信息push()。一切工作正常，除非我没有信息推动，我的桌子非常小，并不真正美观赏心悦目。默认引导程序表大小

默认情况下，Bootstrap-table设置表的大小非常小，并且写入没有数据可以在表中显示。我想用默认的表格大小值替换它，这个值只是空的。

我在哪里做头，并呼吁addAction()

return (
    <div onLoad={addAction(pageSize, this.props.data.viewer)}> 
     <BootstrapTable hover data={action} headerStyle={{ background: '#DEDEDE' }}> 
     <TableHeaderColumn dataField='process' width='200px'> 
      <p> 
      Process 
      </p> 
     </TableHeaderColumn> 
     </BootstrapTable> 
    </div> 
);

的addAction（）

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, 
     }); 
    } 
    } 
}

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

是否有可能，如果是这样，如何？

感谢

来源

2017-06-01 petithomme

不错的问题+1！ – 2017-07-19 13:21:11

还有的react-bootstrap-table几个属性，可以用来设置表格的高度：

设置表格的高度：reference

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

2.设置标题栏的高度：reference

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

设置表体的高度：reference

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

来源

2017-06-01 16:06:49

我喜欢你的答案＃1，但是如何使用'<...>'中的'if'来实现它？ – petithomme

只有当'actions'没有'items'时，我才想要高度为120px，如下所示： – petithomme

可以使用条件：'' –

举表可以采取父元素的整个区域。

当数据没有到来时，在表中创建一个td并使用colspan。之后，把这个空串。那么尺寸就可以。 &

来源

2017-06-01 16:07:42

我到底会在哪里使用colspan？ – petithomme

把你的逻辑放在其他部分。当prop.actions.item不为null时，如果部分将运行。但是当它为空时，其他部分将会运行。在那里你可以把你的逻辑给予消息或把空的td与colspan一起。

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

来源

2017-06-01 16:42:11

默认引导程序表大小

回答

相关问题