{"action":"opened","issue":{"url":"https://api.github.com/repos/primefaces/primefaces/issues/1422","repository_url":"https://api.github.com/repos/primefaces/primefaces","labels_url":"https://api.github.com/repos/primefaces/primefaces/issues/1422/labels{/name}","comments_url":"https://api.github.com/repos/primefaces/primefaces/issues/1422/comments","events_url":"https://api.github.com/repos/primefaces/primefaces/issues/1422/events","html_url":"https://github.com/primefaces/primefaces/issues/1422","id":154992317,"number":1422,"title":"Primefaces responsive data table displaying sort drop down in all cases","user":{"login":"nasir-imtiaz","id":19385959,"avatar_url":"https://avatars.githubusercontent.com/u/19385959?v=3","gravatar_id":"","url":"https://api.github.com/users/nasir-imtiaz","html_url":"https://github.com/nasir-imtiaz","followers_url":"https://api.github.com/users/nasir-imtiaz/followers","following_url":"https://api.github.com/users/nasir-imtiaz/following{/other_user}","gists_url":"https://api.github.com/users/nasir-imtiaz/gists{/gist_id}","starred_url":"https://api.github.com/users/nasir-imtiaz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nasir-imtiaz/subscriptions","organizations_url":"https://api.github.com/users/nasir-imtiaz/orgs","repos_url":"https://api.github.com/users/nasir-imtiaz/repos","events_url":"https://api.github.com/users/nasir-imtiaz/events{/privacy}","received_events_url":"https://api.github.com/users/nasir-imtiaz/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-05-16T09:26:57Z","updated_at":"2016-05-16T09:26:57Z","closed_at":null,"body":"I am using a very basic example of responsive data table as follows:\r\n```\r\n<p:dataTable value=\"#{personManagedBean.personList}\" var=\"person\" reflow=\"true\">\r\n  <p:column sortBy=\"#{person.firstName}\" headerText=\"First Name\">\r\n    #{person.firstName}\r\n  </p:column>\r\n  <p:column sortBy=\"#{person.lastName}\" headerText=\"Last Name\">\r\n    #{person.lastName}\r\n  </p:column>\r\n</p:dataTable>\r\n```\r\nThe issue is that, once i make a column sortable by using the sortBy attribute, an extra drop down starts appearing on top of the data table for the respective column (as shown in the attached image).\r\n\r\n![image](https://cloud.githubusercontent.com/assets/19385959/15285648/386b83b0-1b61-11e6-8d98-3c69cd8b6018.png)\r\n\r\nI realize that this behavior is coming because i have made the data table responsive, but ideally it should appear only when the screen size is minimized enough that the responsiveness of the UI is active i.e. when the layout of data table's columns changes and becomes stacked. It should not appear in all cases.\r\n\r\nPlease suggest if there is a way to achieve the required behavior. Thanks.\r\n\r\nP.S. I have tried it with bare minimum in an empty page with only p:dataTable component inside it. Also, checked the css and no css changes noticed while squeezing the screen to and fro.\r\n\r\n**Environment:**\r\nPrimefaces version: 5.3.11\r\nJSF version: 2.2\r\nBrowser: Firefox 45.0.2, Chrome 50.0.2661.94 m"}}