open-index/open-npm huggingface dataset:
npm package: @nila-ui/table
Description: Table component for Nila UI
Latest version: 0.0.9

# @nilaui/table

A modern, flexible table component for React with built-in features like sorting, pagination, and dark mode support.

## Usage

```tsx
import { Table, Column } from "@nilaui/table";

function App() {
  const data = [
    { id: 1, name: "John Doe", email: "john@example.com" },
    { id: 2, name: "Jane Smith", email: "jane@example.com" },
  ];

  return (
    <Table
      value={data}
      paginator
      rows={5}
      rowsPerPageOptions={[5, 10, 25, 50]}
      tableStyle={{ minWidth: "50rem" }}
    >
      <Column field="name" header="Name" sortable />
      <Column field="email" header="Email" sortable />
    </Table>
  );
}
```

## Props

### Table Props

| Prop               | Type             | Default   | Description                        |
| ------------------ | ---------------- | --------- | ---------------------------------- |
| value              | T[]              | required  | Data array to display in the table |
| paginator          | boolean          | false     | Enable/disable pagination          |
| rows               | number           | 10        | Number of rows per page            |
| rowsPerPageOptions | number[]         | undefined | Options for rows per page selector |
| showGridlines      | boolean          | false     | Show grid lines between cells      |
| stripedRows        | boolean          | false     | Enable alternating row colors      |
| hoverable          | boolean          | false     | Enable hover effect on rows        |
| onRowClick         | (row: T) => void | undefined | Callback when row is clicked       |

### Column Props

| Prop     | Type                      | Default   | Description                 |
| -------- | ------------------------- | --------- | --------------------------- |
| field    | keyof T                   | required  | Field name from data object |
| header   | string                    | required  | Column header text          |
| sortable | boolean                   | false     | Enable sorting for column   |
| body     | (rowData: T) => ReactNode | undefined | Custom cell renderer        |
| style    | CSSProperties             | undefined | Custom column style         |
npm package: @nilabhanjan/ng-authz
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
Latest version: 0.0.3

# NgAuthz

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.

## Code scaffolding

Run `ng generate component component-name --project ng-authz` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ng-authz`.
> Note: Don't forget to add `--project ng-authz` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ng-authz` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ng-authz`, go to the dist folder `cd dist/ng-authz` and run `npm publish`.

## Running unit tests

Run `ng test ng-authz` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.