adaburrows / table-web-component Goto Github PK
View Code? Open in Web Editor NEWA flexible table web component written using Lit.
License: Apache License 2.0
A flexible table web component written using Lit.
License: Apache License 2.0
This should actually continue down into a specific cell so the whole table doesn't need to update, just the effected regions.
I ran into this issue which has stopped me from setting distinct background colors for field columns (which I want to do for the first two columns in the screenshot below).
Expected behaviour:
--table-${tableId}-${fieldName}-cell-background-color
variable to my color of choice should override the background colour of the field's column. It works for the heading variables, as can be seen in the screenshot., but not for body.Problem:
--table-assessmentsForResource-average_heat-row-odd-background-color
--table-assessmentsForResource-average_heat-cell-background-color
, which actually refer to the last field (on the far right). I would expect these to be --table-assessmentsForResource-resource-row-odd-background-color
and --table-assessmentsForResource-resource-cell-background-color
which would pick up on my defined variable.Cheers :)
[!] (plugin typescript) Error: @rollup/plugin-typescript TS2550: Property 'fromEntries' does not exist on type 'ObjectConstructor'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2019' or later.
After following the instructions (npm add ...
) and the second set of imports
import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
import { FieldDefinitions, FieldDefinition, TableStore, Table } from '@adaburrows/table-web-component';
I cannot import Table
.
Rendering as described in the instructions (<adaburrows-table .tableStore=${this.tableStore}></adaburrows-table>
) did not work, there was no content, so I switched to headless mode.
Use Intl.Collator for lexical sorting. Allow passing in a locale.
Also see:
I guess first question is whether or not this is already published to NPM- couldn't find it. If so, please point me in the right direction and disregard.
Have logged this as PNPM-specific, but it may not be. Regardless I don't think that the syntax in package.json
's exports
is being recognised as the modules given by those names (eg. @adaburrows/table-web-component/field-definitions
fails to import).
Currently removing exports
entirely and loading with
//@ts-ignore
import { FieldDefinitions, FieldDefinition } from '@adaburrows/table-web-component/dist/field-definitions'
serves as a workaround. I should be able to simply import as @adaburrows/table-web-component/field-definitions
or at least @adaburrows/table-web-component/dist/field-definitions
and have the compiled source and typedefs automatically imported though.
Note that I am referencing the module via git with "@adaburrows/table-web-component": "git://github.com/adaburrows/table-web-component#b2e4f4a"
in case this is specific to git refs and may go away with NPM publication.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.