卸下引導表的頂部邊框和邊緣

陣營代碼：卸下引導表的頂部邊框和邊緣

<div style={{paddingLeft: '8px', paddingRight: '8px'}}> 
          <div className="-subtitle"> 
           <div className="pull-right" style={{marginBottom:'5px'}}> 
            <Button bsStyle="primary" bsSize="xsmall" onClick={this.actionAdd}>Create New Parameter</Button> 
           </div> 
           <BootstrapTable 
            data={item.params} 
            className="removeTop" 
            striped 
            hover> 
            <TableHeaderColumn 
             className="tableHeader" 
             width="100px" 

            >Name</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataSort 
             width="200px" 
            >GUI Name</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataSort 
             width="100px" 
            >Default</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataSort 
             width="300px" 
            >Options</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataField="required" 
             dataSort 
             width="100px" 
            >Required</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataField="multiline" 
             isKey 
             dataSort 
             width="100px" 
            >Multiline</TableHeaderColumn> 
            <TableHeaderColumn 
             className="tableHeader" 
             dataField="" 
             dataSort 
             width="100px" 
            >Delete</TableHeaderColumn> 
           </BootstrapTable>

我不知道這是否是一個BootstrapTable錯誤，但是當有一個pull-right元素表中創建的元素周圍的邊框是有pull-right，這正好在<BootstrapTable>之前。上面的代碼給出了這樣的：當沒有pull-right，有Button這周圍也沒有頂部邊框正是我想它是（但Button應該是右側）。

當我用工具檢查時，它顯示.react-bs-table-container圍繞Button和BootstrapTable創建邊框。

但是當我做增加這個要素：

.react-bs-table { 
     border-top: none !important; 
    }

它僅刪除頂部邊框，但不邊緣：

有沒有辦法去除包圍<Button>邊界？

來源

2017-08-03 ssss

嗯去除側邊框你應該添加

.react-bs-table { 
      border-top: none !important; 
      border-left: none !important; 
      border-right: none !important; 

     }

，並刪除按鈕邊框，你可能會需要像這樣：

button { padding: 0; border: none; background: none;}

來源

2017-08-04 00:15:07

不，不工作 – ssss

你可以分享codepen嗎？ –

試試這個
邊界：無;
border：0;
border-color：transparent;
提綱：0;
border-collapse：collapse; （對於主格）

來源

2017-08-04 07:45:33 Sharvan

卸下引導表的頂部邊框和邊緣

回答

相關問題