{"action":"created","issue":{"url":"https://api.github.com/repos/fooplugins/FooTable/issues/558","repository_url":"https://api.github.com/repos/fooplugins/FooTable","labels_url":"https://api.github.com/repos/fooplugins/FooTable/issues/558/labels{/name}","comments_url":"https://api.github.com/repos/fooplugins/FooTable/issues/558/comments","events_url":"https://api.github.com/repos/fooplugins/FooTable/issues/558/events","html_url":"https://github.com/fooplugins/FooTable/issues/558","id":189856308,"number":558,"title":"HTML Tags inside a cell are not properly parsed","user":{"login":"jjimenezroda","id":12435936,"avatar_url":"https://avatars.githubusercontent.com/u/12435936?v=3","gravatar_id":"","url":"https://api.github.com/users/jjimenezroda","html_url":"https://github.com/jjimenezroda","followers_url":"https://api.github.com/users/jjimenezroda/followers","following_url":"https://api.github.com/users/jjimenezroda/following{/other_user}","gists_url":"https://api.github.com/users/jjimenezroda/gists{/gist_id}","starred_url":"https://api.github.com/users/jjimenezroda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jjimenezroda/subscriptions","organizations_url":"https://api.github.com/users/jjimenezroda/orgs","repos_url":"https://api.github.com/users/jjimenezroda/repos","events_url":"https://api.github.com/users/jjimenezroda/events{/privacy}","received_events_url":"https://api.github.com/users/jjimenezroda/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-11-16T21:45:37Z","updated_at":"2016-11-16T21:53:05Z","closed_at":null,"body":"So my problem is that I'm using KnockoutJS together with footable. The value of one of the binded cells is a set of html tags, but when footable renders it, it renders as a single string. This column has the data-type property set to \"html\" so I would expect that it renders it accordingly (column Details in the code snipet below).\r\n\r\nHere the code:\r\n\r\n`<table id=\"eventsOnPeriodTable\" class=\"table footable\" data-show-toggle=\"true\" data-page-navigation=\".paginate\" data-page-size=\"50\" data-toggle-column=\"first\" data-paging=\"true\" data-sorting=\"true\" data-filtering=\"true\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th data-type=\"date\" data-sortable=\"true\">DateTime of the Event</th>\r\n                                <th data-sortable=\"true\">Event Name</th>\r\n                                <th data-sortable=\"true\">Stream Id</th>\r\n                                <th data-type=\"number\" data-sortable=\"true\">Checkpoint number</th>\r\n                                <th data-breakpoints=\"all\" data-type=\"html\">Details</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody data-bind=\"foreach: listOfSelectedEvents\">\r\n                            <tr>\r\n                                <td data-bind=\"text: TimeOfTheEvent\"></td>\r\n                                <td data-bind=\"text: EventName\"></td>\r\n                                <td data-bind=\"text: StreamId\"></td>\r\n                                <td data-bind=\"text: CheckpointNumber\"></td>\r\n                                <td data-bind=\"text: EventPayLoad\"></td>\r\n                            </tr>\r\n                        </tbody>\r\n                        <tfoot>\r\n                            <tr class=\"hide-if-no-paging\">\r\n                                <td colspan=\"100\" class=\"text-center\">\r\n                                    <div class=\"paginate\">\r\n                                        <ul class=\"pagination\"></ul>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </tfoot>\r\n                    </table>`\r\n\r\nSee also attached image for the result of the current code.\r\n\r\n![capture](https://cloud.githubusercontent.com/assets/12435936/20367149/934a6c28-ac4e-11e6-9bc0-9846c63df89b.PNG)\r\n\r\n\r\nDo you know what am I doing wrong?"},"comment":{"url":"https://api.github.com/repos/fooplugins/FooTable/issues/comments/261084144","html_url":"https://github.com/fooplugins/FooTable/issues/558#issuecomment-261084144","issue_url":"https://api.github.com/repos/fooplugins/FooTable/issues/558","id":261084144,"user":{"login":"steveush","id":1692151,"avatar_url":"https://avatars.githubusercontent.com/u/1692151?v=3","gravatar_id":"","url":"https://api.github.com/users/steveush","html_url":"https://github.com/steveush","followers_url":"https://api.github.com/users/steveush/followers","following_url":"https://api.github.com/users/steveush/following{/other_user}","gists_url":"https://api.github.com/users/steveush/gists{/gist_id}","starred_url":"https://api.github.com/users/steveush/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/steveush/subscriptions","organizations_url":"https://api.github.com/users/steveush/orgs","repos_url":"https://api.github.com/users/steveush/repos","events_url":"https://api.github.com/users/steveush/events{/privacy}","received_events_url":"https://api.github.com/users/steveush/received_events","type":"User","site_admin":false},"created_at":"2016-11-16T21:53:05Z","updated_at":"2016-11-16T21:53:05Z","body":"Hi @jjimenezroda,\r\n\r\nI don't use KnockoutJS myself but I think it is because you are binding the result using text. I think you should be using the html binding http://knockoutjs.com/documentation/html-binding.html.\r\n\r\nThanks"}}
{"actor":{"display_login":"steveush"}}