默認引導程序表大小

我有一個引導程序表，它具有多個標題和一個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

默認引導程序表大小

回答

相關問題