d718c5a372
CI / compile_and_lint (push) Waiting to run
CI / test (, sqlite, sqlite::memory:) (push) Blocked by required conditions
CI / test (mssql, mssql, mssql://root:Password123!@127.0.0.1/sqlpage) (push) Blocked by required conditions
CI / windows_test (push) Waiting to run
CI / test (mysql, mysql, mysql://root:Password123!@127.0.0.1/sqlpage) (push) Blocked by required conditions
CI / test (oracle, oracle, Driver=Oracle 21 ODBC driver;Dbq=//127.0.0.1:1521/FREEPDB1;Uid=root;Pwd=Password123!) (push) Blocked by required conditions
CI / test (postgres, odbc, Driver=PostgreSQL Unicode;Server=127.0.0.1;Port=5432;Database=sqlpage;UID=root;PWD=Password123!, true) (push) Blocked by required conditions
CI / test (postgres, postgres, postgres://root:Password123!@127.0.0.1/sqlpage) (push) Blocked by required conditions
CI / playwright (push) Blocked by required conditions
CI / docker_build (linux/amd64, -linux-amd64-duckdb, duckdb) (push) Waiting to run
CI / docker_build (linux/arm/v7, -linux-arm-v7, minimal) (push) Waiting to run
CI / docker_build (linux/arm64, -linux-arm64, minimal) (push) Waiting to run
CI / docker_build (linux/arm64, -linux-arm64-duckdb, duckdb) (push) Waiting to run
CI / docker_build (linux/amd64, minimal) (push) Waiting to run
CI / hurl_examples (push) Waiting to run
CI / hurl (${{ matrix.example }}) (push) Blocked by required conditions
CI / docker_push (duckdb) (push) Blocked by required conditions
CI / docker_push (minimal) (push) Blocked by required conditions
deploy website / deploy_official_site (push) Waiting to run
Custom javascript and CSS
This example shows how to use custom javascript and CSS in your application. It is compatible with SQLPage v0.7.3 and above.
It integrates a simple react component and loads it with properties coming from a SQL query.
Screenshots
Notes
This example relies on a CDN to load the react library, and the example component is written in plain Javscript, not JSX.
You can also use include a local copy of react, and write your components in JSX/TSX, you will simply need to add a build step to your application to compile the JSX/TSX files into plain JS, and then include that build result in your application.