hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Add width styles to <Table/>

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-25 10:06:32 +03:00
parent d1e2f0cae1
commit ab45873082
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/table/react-table.tsx
View File

@ -3,9 +3,9 @@
* Licensed under MIT License. See LICENSE in root directory for more information. * Licensed under MIT License. See LICENSE in root directory for more information.
*/ */
import React from "react"; import React, { CSSProperties } from "react";
import { flexRender } from '@tanstack/react-table' import { flexRender } from '@tanstack/react-table'
import type { Table } from "@tanstack/react-table"; import type { Table, Header, Cell } from "@tanstack/react-table";
import { TableHeader } from "./table-header"; import { TableHeader } from "./table-header";
interface TableProps<T> { interface TableProps<T> {
@ -17,7 +17,7 @@ export function Table<Data>({ className, table }: TableProps<Data>) {
return ( return (
<div className={className}> <div className={className}>
<table> <table>
<TableHeader table={table}/> <TableHeader table={table} getColumnSizeStyles={getWidthStyles}/>
<tbody> <tbody>
{table.getRowModel().rows.map(row => ( {table.getRowModel().rows.map(row => (
<tr key={row.id}> <tr key={row.id}>
@ -33,3 +33,9 @@ export function Table<Data>({ className, table }: TableProps<Data>) {
</div> </div>
) )
} }
function getWidthStyles<T>(table: Table<T>, cell: Cell<T, unknown> | Header<T, unknown>): CSSProperties {
return {
width: cell.column.getSize(),
}
}