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)