You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@airavata.apache.org by "Marcus Christie (Jira)" <ji...@apache.org> on 2021/10/07 20:08:00 UTC

[jira] [Created] (AIRAVATA-3527) Fix custom bootstrap vue table cell rendering

Marcus Christie created AIRAVATA-3527:
-----------------------------------------

             Summary: Fix custom bootstrap vue table cell rendering
                 Key: AIRAVATA-3527
                 URL: https://issues.apache.org/jira/browse/AIRAVATA-3527
             Project: Airavata
          Issue Type: Bug
          Components: Django Portal
            Reporter: Marcus Christie
            Assignee: Marcus Christie


We recently upgraded to a newer version of Bootstrap Vue (AIRAVATA-2809) and in more recent versions the way you provide custom rendering of table cells changed.

The old style was to provide a scoped slot with the name of the field (column) that you want to provide rendering for:

```
<template slot="creationDate" slot-scope="data">
...
</template>
```

But [the new style is use `'cell(' + field key + ')'`](https://bootstrap-vue.org/docs/components/table#scoped-field-slots):

```
<template slot="cell(creationDate)" slot-scope="data">
...
</template>
```

We missed a few of these places and in some cases there is just no rendering like in the Sharing Editor, and in some cases there is unformatted data.



--
This message was sent by Atlassian Jira
(v8.3.4#803005)