在Bootstrap表的顶部添加Button

时间:2017-12-13 07:54:49

标签: javascript html css twitter-bootstrap reactjs

我正在尝试在我的引导程序表顶部添加一个按钮。 在我的表中启用了搜索选项。 在我添加按钮后,我有一张桌子,在右侧桌子的顶部我有我的搜索线,在它的左上方我有我的按钮。

如何将我的按钮与搜索线对齐?

image of the site

代码:

<div className="Object-table">
        <DropdownButton className="dropdown-toggle"
                            type="button"
                            bsStyle={"btn btn-secondary dropdown-toggle"}
                            class="btn btn-secondary btn-lg dropdown-toggle"
                            onSelect={this.onFilterChange}
                            title={this.state.onObjectFilter}
                            id="objectNameFilter"
            >
                <MenuItem eventKey={["All"]}>All</MenuItem>
                <MenuItem eventKey={["Objec1"]}>Objec1</MenuItem>
                <MenuItem eventKey={["Objec2"]}>Objec2</MenuItem>

            </DropdownButton>
            <BootstrapTable data={rows} striped={true} hover={true}  
options={this.state.options} trClassName={trClassFormat} search={true} > 

0 个答案:

没有答案