https://github.com/some-angular-utils/table

https://github.com/some-angular-utils/table

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/some-angular-utils/table
• Owner: some-angular-utils
• Created: 2025-10-11T21:20:38.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-11-30T19:37:07.000Z (7 months ago)
• Last Synced: 2025-12-03T04:36:50.813Z (7 months ago)
• Language: TypeScript
• Homepage: https://some-angular-utils.github.io/table/
• Size: 453 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# @some-angular-utils/table

[![github stars](https://img.shields.io/github/stars/some-angular-utils/table.svg?style=social&label=Star)](https://github.com/some-angular-utils/table)

[![NPM Version](https://img.shields.io/npm/v/@some-angular-utils/table)](https://www.npmjs.com/package/@some-angular-utils/table)

[![NPM Downloads](https://img.shields.io/npm/dm/@some-angular-utils/table)](https://www.npmjs.com/package/@some-angular-utils/table)

[![npm bundle size](https://img.shields.io/bundlephobia/min/@some-angular-utils/table)](https://www.npmjs.com/package/@some-angular-utils/table)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@some-angular-utils/table)](https://www.npmjs.com/package/@some-angular-utils/table)

---

[DEMO](https://some-angular-utils.github.io/table)

[NPM](https://www.npmjs.com/package/@some-angular-utils/table)

---

## IMPORT

```ts

import { SAUTableModule } from '@some-angular-utils/table';

```

## TYPESCRIPT

```ts

public url = 'https://pokeapi.co/api/v2/pokemon';

public headers = [

    { name: 'NOMBRE', key: 'name' },

    { name: 'URL', key: 'url', type: 'link', linkName: 'Ver' },

    { name: 'IMG', key: 'name', type: 'image', url: 'https://img.pokemondb.net/artwork/{key}.jpg' }

]

```

## HTML

```ts

```

## COLORS

```css

.sau-table{

    --sau-color-primary: rgb(147, 51, 234);

    --sau-color-secondary: var(--sau-color-primary);

    --sau-color-background: rgb(255, 255, 255);

    --sau-color-edit: rgb(34, 197, 94);

    --sau-color-delete: rgb(239, 68, 68);

    --sau-color-text: rgb(31, 41, 55);

}

```

## CUSTOM BUTTONS

```ts

    

        

            ✏️ Edit {{item.name}}

        

    

    

        

            🗑️ Delete {{item.name}}

        

    

```