{"action":"created","issue":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/873","repository_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table","labels_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/873/labels{/name}","comments_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/873/comments","events_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/873/events","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/873","id":193924021,"number":873,"title":"sizePerPageList Problem","user":{"login":"wy19900814","id":2552144,"avatar_url":"https://avatars.githubusercontent.com/u/2552144?v=3","gravatar_id":"","url":"https://api.github.com/users/wy19900814","html_url":"https://github.com/wy19900814","followers_url":"https://api.github.com/users/wy19900814/followers","following_url":"https://api.github.com/users/wy19900814/following{/other_user}","gists_url":"https://api.github.com/users/wy19900814/gists{/gist_id}","starred_url":"https://api.github.com/users/wy19900814/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wy19900814/subscriptions","organizations_url":"https://api.github.com/users/wy19900814/orgs","repos_url":"https://api.github.com/users/wy19900814/repos","events_url":"https://api.github.com/users/wy19900814/events{/privacy}","received_events_url":"https://api.github.com/users/wy19900814/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-12-07T00:19:43Z","updated_at":"2016-12-07T16:01:34Z","closed_at":"2016-12-07T16:01:34Z","body":"Hi Allen,\r\n\r\nThe sizePerPageList option didn't work for me. I know it is caused by I'm not including bootstrap.js\r\nBut as a react project, I really want to use npm to manage all files, so lets try to fix this bug.\r\n\r\nI checked the element that affect sizePerPageList. It is in the picture below. There's a span called dropdown.\r\n![screen shot 2016-12-06 at 3 59 48 pm](https://cloud.githubusercontent.com/assets/2552144/20949249/3a68e880-bbcd-11e6-9d7b-1fdf090b25cc.png)\r\n\r\nI believe this is a bootstrap component. Bootstrap should handle this onClick event, it toggles an \"open\" class when user clicking sizePerPage Dropdown list.\r\nSo originally, the class name is \"dropdown\", after one click, it is \"dropdown open\", if you click other place or click itself or choose a value, it comes back to \"dropdown\".\r\n\r\nNow the problem is, if I don't include bootstrap.js, this function won't work. But in my project I've already include a component called \"react-bootstrap\" which is bootstrap build for react. Even if I didn't had that module, doing <script src=\"XXXXX.js\"></script> in react is inappropriate.\r\n\r\nSo I just put some candidate solutions here for consideration.\r\n1) Include bootstrap.js in react-bootstrap-table module, so that developer don't need to do that again.\r\n2) Maybe we can write code to control the dropdown event, but I thought it might be extra work and not necessary.\r\n\r\nAnyway, thanks for the work. It's a great project.\r\n\r\nBest,\r\nYang\r\n"},"comment":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/comments/265487484","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/873#issuecomment-265487484","issue_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/873","id":265487484,"user":{"login":"AllenFang","id":5351390,"avatar_url":"https://avatars.githubusercontent.com/u/5351390?v=3","gravatar_id":"","url":"https://api.github.com/users/AllenFang","html_url":"https://github.com/AllenFang","followers_url":"https://api.github.com/users/AllenFang/followers","following_url":"https://api.github.com/users/AllenFang/following{/other_user}","gists_url":"https://api.github.com/users/AllenFang/gists{/gist_id}","starred_url":"https://api.github.com/users/AllenFang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AllenFang/subscriptions","organizations_url":"https://api.github.com/users/AllenFang/orgs","repos_url":"https://api.github.com/users/AllenFang/repos","events_url":"https://api.github.com/users/AllenFang/events{/privacy}","received_events_url":"https://api.github.com/users/AllenFang/received_events","type":"User","site_admin":false},"created_at":"2016-12-07T16:01:34Z","updated_at":"2016-12-07T16:01:34Z","body":"HI Yang\r\n\r\n> Now the problem is, if I don't include bootstrap.js, this function won't work. But in my project I've already include a component called \"react-bootstrap\"\r\n\r\nInclude ```react-bootstrap``` cant solve this issue absolutely.\r\n\r\nCurrently, you should include ```bootstrap.js```, and I know it wired. So in ```v3.0.0```, I have plan to remove this dependency and I've done it on ```v3.0.0-beta.2```\r\n\r\nso you can try the beta version for ```v3.0.0```, there're some developer already try this work without any ```bootstrap.js``` and ```jquery```. \r\n\r\nBTW, ```v3.0.0``` only focus on component customization,  so no any exist api changed. You can give a try.  check #497 \r\n\r\nFeel free to discuss with me 👍 "}}
{"actor":{"display_login":"AllenFang"}}