Skip to content

Commit

Permalink
Merge pull request #68 from platforma-open/khizhnyak/MILAB-1252
Browse files Browse the repository at this point in the history
MILAB-1252: add row number column
  • Loading branch information
AndrewKhizhnyak authored Feb 5, 2025
2 parents c9baa85 + 549aa50 commit aac54e0
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 2 deletions.
5 changes: 5 additions & 0 deletions .changeset/serious-kings-move.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@platforma-open/milaboratories.mixcr-shm-trees.ui': patch
---

Add row number column
11 changes: 9 additions & 2 deletions ui/src/pages/MainPage.vue
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { type ColDef, type GridOptions } from 'ag-grid-enterprise';
import { type GridReadyEvent, type ColDef, type GridOptions } from 'ag-grid-enterprise';
import { AgGridVue } from 'ag-grid-vue3';
import { AgGridTheme, PlAgOverlayLoading, PlAgOverlayNoRows, PlBlockPage, PlBtnGhost, PlMaskIcon24, PlSlideModal } from '@platforma-sdk/ui-vue';
import { AgGridTheme, autoSizeRowNumberColumn, makeRowNumberColDef, PlAgOverlayLoading, PlAgOverlayNoRows, PlBlockPage, PlBtnGhost, PlMaskIcon24, PlSlideModal } from '@platforma-sdk/ui-vue';
import { refDebounced } from '@vueuse/core';
import { reactive, watch, ref } from 'vue';
import { useApp } from '../app';
Expand Down Expand Up @@ -32,6 +32,7 @@ const defaultColDef: ColDef = {
}
const columnDefs: ColDef<TreeResult>[] = [
makeRowNumberColDef(),
{
colId: 'donor',
field: 'donor',
Expand Down Expand Up @@ -80,6 +81,11 @@ const gridOptions: GridOptions<TreeResult> = {
}
};
const onGridReady = (event: GridReadyEvent) => {
const api = event.api;
autoSizeRowNumberColumn(api);
};
const reloadKey = ref(0);
watch(
() => model.outputs.calculating,
Expand Down Expand Up @@ -108,6 +114,7 @@ watch(
:defaultColDef="defaultColDef"
:columnDefs="columnDefs"
:grid-options="gridOptions"
@grid-ready="onGridReady"
:loadingOverlayComponentParams="{ notReady: !model.outputs.calculating, message: `Configure the settings and click
'Run' to see the data` }"
:loadingOverlayComponent=PlAgOverlayLoading
Expand Down

0 comments on commit aac54e0

Please sign in to comment.