0.9.7pagination dropdown button can not select

[chuchengcao]

I want to select 25 items per page, but the button not work
Test Code:

 const dataSet =  [
            {"objectName":"sdfsdfsdf33","userId":"chengcao.chucc","perms":["READ","WRITE"],"id":1},
            {"objectName":"sdfasd","userId":"all","perms":["READ","WRITE"],"id":2},
            {"objectName":"gggggs","userId":"all","perms":["READ"],"id":3},
            {"objectName":"时间xx","userId":"all","perms":["READ"],"id":4},
            {"objectName":"时间xxd","userId":"all","perms":["READ"],"id":5},
            {"objectName":"xm","userId":"b","perms":["READ"],"id":6},
            {"objectName":"xm","userId":"all","perms":["READ"],"id":7},
            {"objectName":"xxxxd","userId":"all","perms":["READ"],"id":8},
            {"objectName":"什么鬼3","userId":"all","perms":["READ"],"id":9},
            {"objectName":"贝贝贝d","userId":"all","perms":["READ"],"id":10},
            {"objectName":"什么鬼8","userId":"all","perms":["READ"],"id":11},
            {"objectName":"sdfsdf","userId":"all","perms":["READ"],"id":12},
            {"objectName":"秒排","userId":"b","perms":["READ"],"id":13},
            {"objectName":"牵牛","userId":"all","perms":["READ"],"id":14},
            {"objectName":"牵牛","userId":"b","perms":["READ"],"id":15}];

        return (
                    <div className='maxw80 ma'>
                        <BootstrapTable data={dataSet}
                                        striped={true} hover={true} condensed={false} search={true} pagination={true}>
                            <TableHeaderColumn className='clgrey' dataField="id" isKey={true} dataAlign="center"
                                               dataSort={true}>#</TableHeaderColumn>
                            <TableHeaderColumn dataField="objectName" dataSort={true}>任务名称</TableHeaderColumn>
                            <TableHeaderColumn dataField="userId" dataSort={true}>被授权用户</TableHeaderColumn>
                            <TableHeaderColumn dataField="perms" dataSort={true}
                                               dataFormat={(cell, row)=>(<span>{cell.toString()}</span>)}>
                                权限
                            </TableHeaderColumn>
                            <TableHeaderColumn dataField="id">
                                操作
                            </TableHeaderColumn>
                        </BootstrapTable>
                    </div>
        )

I read the source code, and find PaginationList.js:87 does not add onClick event, is it the problem?

 React.createElement(
                "button",
                { className: "btn btn-default dropdown-toggle", type: "button", id: "pageDropDown", "data-toggle": "dropdown", "aria-expanded": "true" },
                this.state.sizePerPage,
                React.createElement("span", { className: "caret" })
              ),

[AllenFang]

HI @chuchengcao, maybe this is a bug, I'll check it out. And the source code is under the src folder in repository, your codes is the bundled file, not the source code. I'll fix this issue quickly :)

[AllenFang]

@chuchengcao, I've tried a lots of case, but I don't get this issue. Is some class setting cause this problem? In you code, for example className='maxw80 ma'. or if table render complete at first, the dropdown is work? I think it should be work.

[chuchengcao]

Ah, I found where the problem is. My project does not import 'bootstrap/dist/js/bootstrap.js' which the dropdown button needs. Another lib 'react-bootstrap' worked correctly without bootstrap.js, so I miss the bootstrap.js. Sorry for cost your time....