# qwik-excel-renderer

> A Qwik library to render and display excel sheets on webpage

Latest version **0.1.0** (published 2023-12-14) · 0 weekly downloads

## Install

```sh
npm install qwik-excel-renderer
pnpm add qwik-excel-renderer
yarn add qwik-excel-renderer
bun add qwik-excel-renderer
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2023-12-14 |
| First published | 2023-12-14 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=15.0.0 |
| Dependencies | 1 |
| Unpacked size | 9.8 KB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | harshdev |

## Links

- npm: https://www.npmjs.com/package/qwik-excel-renderer
- npm.io page: https://npm.io/package/qwik-excel-renderer

## Dependencies (1)

- [xlsx](https://npm.io/package/xlsx.md) ^0.18.5

## Recent versions

- 0.1.0 (latest) — 2023-12-14

## README

# qwik-excel-renderer

A Qwik library to render and display excel sheets on webpage.

## Installation

```shell
npm i qwik-excel-renderer
```

```shell
pnpm add qwik-excel-renderer
```

```shell
yarn add qwik-excel-renderer
```

```shell
bun add qwik-excel-renderer
```

```jsx
import {
  NoSerialize,
  component$,
  noSerialize,
  useSignal,
} from "@builder.io/qwik";
import { useXLSXRenderer,XLSXTable } from "qwik-excel-renderer";

export default component$(() => {
  const { xlsxRenderer, data } = useXLSXRenderer();
  const file = useSignal<NoSerialize<File>>();
  return (
      <div>
        <input
          type="file"
          onChange$={(e) => {
            file.value = noSerialize((e.target as HTMLInputElement).files?.[0]);
          }}
        />
        <button
          onClick$={async () => {
            await xlsxRenderer(file.value);
          }}
        >
          Render XLSX data
        </button>

        {data && (
          <div>
            <XLSXTable data={data} />
          </div>
        )}
      </div>
  );
});


```

---
_Source: https://npm.io/package/qwik-excel-renderer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._