Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@frui.ts/dataviews

Package Overview
Dependencies
Maintainers
5
Versions
66
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@frui.ts/dataviews - npm Package Compare versions

Comparing version 0.15.0-rc.1 to 0.15.0-rc.2

4

package.json

@@ -6,3 +6,3 @@ {

},
"version": "0.15.0-rc.1",
"version": "0.15.0-rc.2",
"description": "View components for data display",

@@ -51,3 +51,3 @@ "keywords": [

},
"gitHead": "94f63f6550f4893c2bbf0ca038560fb2f4b6f2aa"
"gitHead": "c9efd19043d893e3d6d72f90f7429f778c02df22"
}

@@ -9,2 +9,29 @@ # `@frui.ts/dataViews`

## Example
```tsx
// in your View
import { ColumnDefinition, DataTable } from "@frui.ts/dataviews";
const tableColumns: ColumnDefinition<MyEntity, MyContext>[] = [
{
title: "id",
property: "id",
valueFormatter: x => `(${x.value})`
},
{
titleFactory: (context) => {context.localize("name")},
property: "name",
sortable: true,
}
];
...
<DataTable items={vm.items} itemKey="id" columns={tableColumns} context={vm} />
```
You can check [ColumnDefinition](./src/dataTypes.ts) for more details.
## Styles

@@ -11,0 +38,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc