{"action":"opened","issue":{"url":"https://api.github.com/repos/xaksis/vue-good-table/issues/644","repository_url":"https://api.github.com/repos/xaksis/vue-good-table","labels_url":"https://api.github.com/repos/xaksis/vue-good-table/issues/644/labels{/name}","comments_url":"https://api.github.com/repos/xaksis/vue-good-table/issues/644/comments","events_url":"https://api.github.com/repos/xaksis/vue-good-table/issues/644/events","html_url":"https://github.com/xaksis/vue-good-table/issues/644","id":534457518,"node_id":"MDU6SXNzdWU1MzQ0NTc1MTg=","number":644,"title":"Adding component to row cell","user":{"login":"mituller","id":203721,"node_id":"MDQ6VXNlcjIwMzcyMQ==","avatar_url":"https://avatars0.githubusercontent.com/u/203721?v=4","gravatar_id":"","url":"https://api.github.com/users/mituller","html_url":"https://github.com/mituller","followers_url":"https://api.github.com/users/mituller/followers","following_url":"https://api.github.com/users/mituller/following{/other_user}","gists_url":"https://api.github.com/users/mituller/gists{/gist_id}","starred_url":"https://api.github.com/users/mituller/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mituller/subscriptions","organizations_url":"https://api.github.com/users/mituller/orgs","repos_url":"https://api.github.com/users/mituller/repos","events_url":"https://api.github.com/users/mituller/events{/privacy}","received_events_url":"https://api.github.com/users/mituller/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2019-12-07T21:53:04Z","updated_at":"2019-12-07T21:53:04Z","closed_at":null,"author_association":"NONE","body":"- [x] Question\r\n\r\n### Specs\r\nWhat version are you using? 2.18.0\r\n\r\nHow can I add a component to the row cell? I have a requirement to add an icon based on the value and our icons are in SVG format and pulled in via a component into a custom row template. I am trying to add this to the table, but the component isn't being loaded. \r\n\r\n```\r\n<template slot=\"table-row\" slot-scope=\"props\">\r\n            <span v-if=\"props.column.field == 'learning'\">\r\n              <template v-if=\"props.row.learning == 'completed'\">\r\n                <SvgIcon :name=\"completed\" title=\"completed\" />\r\n              </template>\r\n              <template v-if=\"props.row.learning == 'not-completed'\">\r\n                <SvgIcon :name=\"not-completed\" title=\"not completed\" />\r\n              </template>\r\n            </span>\r\n            <span v-else>\r\n            {{props.formattedRow[props.column.field]}}\r\n          </span>\r\n</template>\r\n```\r\nSo it would look like this image. \r\n<img width=\"351\" alt=\"Screen Shot 2019-12-07 at 3 51 11 PM\" src=\"https://user-images.githubusercontent.com/203721/70381042-867d9a80-1909-11ea-9912-e14194cae0e3.png\">\r\n\r\nIn this I am trying to load the <SvgIcon> component. This is set to load for the page the table is displayed on. It just won't load into the table. How can I get a component to load into a cell of the table?\r\n\r\n"}}
{"actor":{"display_login":"mituller"}}