卸下引导表的顶部边框和边缘

阵营代码：卸下引导表的顶部边框和边缘

<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

卸下引导表的顶部边框和边缘

回答

相关问题