[
https://issues.apache.org/jira/browse/AIRAVATA-3527?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Marcus Christie updated AIRAVATA-3527:
--------------------------------------
Description:
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:
{code}
<template slot="creationDate" slot-scope="data">
...
</template>
{code}
But [the new style is use {{'cell(' + field key +
')'}}|https://bootstrap-vue.org/docs/components/table#scoped-field-slots]:
{code}
<template slot="cell(creationDate)" slot-scope="data">
...
</template>
{code}
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.
was:
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.
> 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
> Priority: Blocker
>
> 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:
> {code}
> <template slot="creationDate" slot-scope="data">
> ...
> </template>
> {code}
> But [the new style is use {{'cell(' + field key +
> ')'}}|https://bootstrap-vue.org/docs/components/table#scoped-field-slots]:
> {code}
> <template slot="cell(creationDate)" slot-scope="data">
> ...
> </template>
> {code}
> 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)
