{"action":"created","issue":{"url":"https://api.github.com/repos/vedmack/yadcf/issues/43","labels_url":"https://api.github.com/repos/vedmack/yadcf/issues/43/labels{/name}","comments_url":"https://api.github.com/repos/vedmack/yadcf/issues/43/comments","events_url":"https://api.github.com/repos/vedmack/yadcf/issues/43/events","html_url":"https://github.com/vedmack/yadcf/issues/43","id":31461494,"number":43,"title":"Incompatible with sScrollX/sScrollY","user":{"login":"spamguy","id":5761012,"avatar_url":"https://avatars.githubusercontent.com/u/5761012?v=3","gravatar_id":"","url":"https://api.github.com/users/spamguy","html_url":"https://github.com/spamguy","followers_url":"https://api.github.com/users/spamguy/followers","following_url":"https://api.github.com/users/spamguy/following{/other_user}","gists_url":"https://api.github.com/users/spamguy/gists{/gist_id}","starred_url":"https://api.github.com/users/spamguy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/spamguy/subscriptions","organizations_url":"https://api.github.com/users/spamguy/orgs","repos_url":"https://api.github.com/users/spamguy/repos","events_url":"https://api.github.com/users/spamguy/events{/privacy}","received_events_url":"https://api.github.com/users/spamguy/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/vedmack/yadcf/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":15,"created_at":"2014-04-14T13:38:28Z","updated_at":"2015-07-06T11:54:19Z","closed_at":"2014-10-19T20:46:38Z","body":"Hi -- first off, great tool!\r\n\r\nThis ticket is more or less a clone of #13 with some expansion. To start from the beginning, YADCF renders oddly when DataTables' sScrollX/sScrollY is enabled. Modifying the included example.html triggers it right away:\r\n\r\n```\r\n$(document).ready(function(){\r\n  $('#example').dataTable({sScrollX: '100%'}).yadcf([\r\n\t\t{column_number : 0},\r\n\t    {column_number : 1,  filter_type: \"range_number_slider\", filter_container_id: \"external_filter_container\"},\r\n\t    {column_number : 2, data: [\"Yes\", \"No\"], filter_default_label: \"Select Yes/No\"},\r\n\t    {column_number : 3, text_data_delimiter: \",\", filter_type: \"auto_complete\"},\r\n\t    {column_number : 4, column_data_type: \"html\", html_data_type: \"text\", filter_default_label: \"Select tag\"}]);\r\n});\r\n```\r\n\r\nAlso give the div 'container' an arbitrary length -- say, 500px. In the result, note how the table renders strangely all around: the table's width isn't accurate (comment out the .yadcf() to compare), column headers display separate from the filter row, the sort arrows render twice, etc.\r\n\r\nEverything above applies to sScrollY too.\r\n\r\nThe previous ticket #13 claimed to have a workaround, but I just got an alert() error from YADCF when I tried it."},"comment":{"url":"https://api.github.com/repos/vedmack/yadcf/issues/comments/118832177","html_url":"https://github.com/vedmack/yadcf/issues/43#issuecomment-118832177","issue_url":"https://api.github.com/repos/vedmack/yadcf/issues/43","id":118832177,"user":{"login":"the86freak","id":3979170,"avatar_url":"https://avatars.githubusercontent.com/u/3979170?v=3","gravatar_id":"","url":"https://api.github.com/users/the86freak","html_url":"https://github.com/the86freak","followers_url":"https://api.github.com/users/the86freak/followers","following_url":"https://api.github.com/users/the86freak/following{/other_user}","gists_url":"https://api.github.com/users/the86freak/gists{/gist_id}","starred_url":"https://api.github.com/users/the86freak/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/the86freak/subscriptions","organizations_url":"https://api.github.com/users/the86freak/orgs","repos_url":"https://api.github.com/users/the86freak/repos","events_url":"https://api.github.com/users/the86freak/events{/privacy}","received_events_url":"https://api.github.com/users/the86freak/received_events","type":"User","site_admin":false},"created_at":"2015-07-06T11:54:19Z","updated_at":"2015-07-06T11:54:19Z","body":"@vedmack sure, no problem. I'll sum up:\r\nThe problem is, that when the table is bigger as the parent container (viewport), the overlapping part of the table (and its headers) are 'disapearing' - of course.\r\nSo when you define the width with scrollX, I excpect that I can scroll the table(content) horizontal and then also the header schould scroll according with the table-body. \r\n\r\nThis works with css-version 0.8.7: http://jsfiddle.net/The86Freak/q6bmyju9/\r\n\r\nsince css-version 0.8.8 it doesn't work anymore: http://jsfiddle.net/The86Freak/q6bmyju9/2/"}}