RC-Soft HTML Tables

Privacy Policy

Save data
The web tool uses cookies. Cookies are small text files that your web browser stores on your end device. The web tool only saves the settings of the tables. If the settings are not saved, no cookies will be saved either. Cookies remain stored on the end device for a maximum of 14 days. If the settings are not saved, the program will open with the default values for the table and a privacy notice. No personal data is stored or read out. RC-Soft does not store or use any data from users of the RC-Soft web tools.

Sharing Data
RC-Soft does not pass on any personal or other data from users to third parties, because no personal data is stored or read out by users.

Security
The web tool is transmitted over a secure connection with Let's Encrypt SSL certificates.

Disclaimer

RC-Soft assumes no liability for the topicality, correctness, completeness or quality of the information provided. Liability claims against RC-Soft relating to material or immaterial damage caused by the use or non-use of the information provided or by the use of incorrect or incomplete information are fundamentally excluded. All offers are non-binding. RC-Soft expressly reserves the right to change, supplement or delete parts of the pages or the entire offer or to temporarily or permanently cease publication without prior notice. The content of the pages may not be changed, copied or passed on without the permission of RC-Soft.
© RC-Soft

The columns can still be changed in the «Columns» menu. The rows can be expanded and deleted in the «Rows» menu.
A test table can be opened in the «Help» menu.

Number of columns (max. 100):

Number of rows:

File name:
Save PDF in landscape format
Save hidden columns

Column for sorting:
Data type:

Sorting: Ascending (A-Z) Descending (Z-A)

Align Columns:

Left Center Right

Align column heading the same

Select column:

Text Number Date Time

Search text 1:

Operator:

Search text 2:

Case-sensitive

Spacing in the cell in pixels top:

Spacing in the cell in pixels right:

Spacing in the cell in pixels bottom:

Spacing in the cell in pixels left:

Border:    Rounded table corners

Border color:

Table font:

Font size in pixels:

Font color:

Column heading color:

Color bar:

Column heading: Left  Center  Right

Table format:     Number of rows:

Table format color:    Same color as column heading

Preview

Spalte
Test Eintrag

New table number of columns:

New table number of rows:

Date format: ()

Time format: ()

Cell content new table: No content 101, 102... R1C1, R1C2...

Show quick access icons

Warn if the current table is not saved

Change column width with the mouse

Formatting the HTML code of the table for export

File name:

Show bar in the table

Fixed header on scroll (sticky)

Apply table format

Change table contents

Delete table rows

Append new rows

Sort table columns     Show sorted column

Print table

Search in the table Advanced search

Save table Text file  PDF-File

Save PDF file in landscape format

Apply data type

Export hidden columns

Change column width with the mouse

Display help for using the table

File name:
File content:

Delimiter: Use first row as column name Not delete existing file content

Number of lines:

File name:

Delimiter:

Export hidden columns

Search for:
Replace with:
Case-sensitive

The JavaScript library rcstable.js makes it easy to sort any HTML table. The data types of individual columns can be configured for correct sorting.

As an example, consider a simple table with 4 columns and 5 rows. The table must have an ID (in the example, id='sortieren').
HTML-file:
<!DOCTYPE html> <head> <title>Testtable</title> <style> th { background-color: #e99485; padding: 5px; border: 1px solid #000; } td { padding: 5px; border: 1px solid #000; } </style> </head> <body> <table id='sortieren' style='border-collapse: collapse; border: 1px solid #000; font-family: Arial; font-size: 16px; color: #000'> <tr><th>Number </th><th>Candidate</th><th>Time</th><th>Date</th></tr> <tr><td>1</td><td>Hans Muster</td><td>19:23:38</td><td>06-21-2025</td></tr><tr> <td>2</td><td>Franz Tester</td><td>10:01:08</td><td>02-13-1960</td></tr> <tr><td>3</td><td>Fritz Kunz</td><td>09:03:08</td><td>02-24-1948</td></tr> <tr><td>4</td><td>Karl Odermatt</td><td>19:25:04</td><td>05-02-1955</td></tr> <tr><td>11</td><td>Heini Hemmi</td><td>19:25:39</td><td>11-23-1958</td></tr> </table> </body> </html>
(For testing, the content can be copied and saved as an HTML file [filename.html].)
Output:

Number Candidate Time Date

1 Hans Muster 19:23:38 06-21-2025
2 Franz Tester 10:01:08 02-13-1960

3 Fritz Kunz 09:03:08 02-24-1948

4 Karl Odermatt 19:25:04 05-02-1955

11 Heini Hemmi 19:25:39 11-23-1958

The JS-file for sorting must be included in the HTML file's header. Then, the sorting of the individual columns can be initialized using the «linkset('table-id')» function in the body tag.
HTML-file:
<!DOCTYPE html> <head> <title>Testtable</title> <style> th { background-color: #e99485; padding: 5px; border: 1px solid #000; } td { padding: 5px; border: 1px solid #000; } </style> <script src="https://rc-soft.ch/tabellen/rcstable.js"></script> </head> <body onload="linkset('sortieren');"> <table id='sortieren' style='border-collapse: collapse; border: 1px solid #000; font-family: Arial; font-size: 16px; color: #000'> <tr><th>Number </th><th>Candidate</th><th>Time</th><th>Date</th></tr> <tr><td>1</td><td>Hans Muster</td><td>19:23:38</td><td>06-21-2025</td></tr><tr> <td>2</td><td>Franz Tester</td><td>10:01:08</td><td>02-13-1960</td></tr> <tr><td>3</td><td>Fritz Kunz</td><td>09:03:08</td><td>02-24-1948</td></tr> <tr><td>4</td><td>Karl Odermatt</td><td>19:25:04</td><td>05-02-1955</td></tr> <tr><td>11</td><td>Heini Hemmi</td><td>19:25:39</td><td>11-23-1958</td></tr> </table> </body> </html>
Output:

Number Candidate Time Date

1 Hans Muster 19:23:38 06-21-2025
2 Franz Tester 10:01:08 02-13-1960

3 Fritz Kunz 09:03:08 02-24-1948

4 Karl Odermatt 19:25:04 05-02-1955

11 Heini Hemmi 19:25:39 11-23-1958

The table now has a simple text sorting. To ensure numbers (column 1), time (column 3), and date (column 4) are sorted correctly, the data types must be set. The data types can be set using the «datatype(columns)» function. All columns must be specified! This means that if a table has 6 columns, 6 parameters must be passed to the «datatype» function! Text=0, Numbers=1, Date=2 and Time=3. In the example, the following specifications are required: «datatype(1, 0, 3, 2)». This means column 1=numbers, column 2=text, column 3=time, and column 4=date. The function can also be initialized in the body tag.
HTML-file:
<!DOCTYPE html> <head> <title>Testtable</title> <style> th { background-color: #e99485; padding: 5px; border: 1px solid #000; } td { padding: 5px; border: 1px solid #000; } </style> <script src="https://rc-soft.ch/tabellen/rcstable.js"></script> </head> <body onload="linkset('sortieren'); datatype(1, 0, 3, 2);"> <table id='sortieren' style='border-collapse: collapse; border: 1px solid #000; font-family: Arial; font-size: 16px; color: #000'> <tr><th>Number </th><th>Candidate</th><th>Time</th><th>Date</th></tr> <tr><td>1</td><td>Hans Muster</td><td>19:23:38</td><td>06-21-2025</td></tr><tr> <td>2</td><td>Franz Tester</td><td>10:01:08</td><td>02-13-1960</td></tr> <tr><td>3</td><td>Fritz Kunz</td><td>09:03:08</td><td>02-24-1948</td></tr> <tr><td>4</td><td>Karl Odermatt</td><td>19:25:04</td><td>05-02-1955</td></tr> <tr><td>11</td><td>Heini Hemmi</td><td>19:25:39</td><td>11-23-1958</td></tr> </table> </body> </html>
Output:

Number Candidate Time Date

1 Hans Muster 19:23:38 06-21-2025
2 Franz Tester 10:01:08 02-13-1960

3 Fritz Kunz 09:03:08 02-24-1948

4 Karl Odermatt 19:25:04 05-02-1955

11 Heini Hemmi 19:25:39 11-23-1958

Select column:
Data type:

Content:
Output:
1, 2, ...
Rows: bis

Select column:

Rows: to

Hidden columns are displayed in bold italics in the column list. Hidden columns can be made visible again by selecting them and using the Show/Hide button.

Select columns:

HTML Tables

The columns can still be changed in the «Columns» menu. The rows can be expanded and deleted in the «Rows» menu.
A test table can be opened in the «Help» menu.

Number of columns (max. 100):

Number of rows:

File name:
Save PDF in landscape format
Save hidden columns

Column for sorting:
Data type:

Sorting: Ascending (A-Z) Descending (Z-A)

Column to delete:

Align Columns:

Left Center Right

Align column heading the same

Select column:

Text Number Date Time

Column name:

Search text 1:

Operator:

Search text 2:

Case-sensitive

File name:
File content:

Delimiter: Use first row as column name Not delete existing file content

Number of lines:

File name:

Delimiter:

Export hidden columns

Search for:
Replace with:
Case-sensitive

Select column:
Data type:

Content:
Output:
1, 2, ...
Rows: bis

Select column:

Rows: to

Rows: to

Hidden columns are displayed in bold italics in the column list. Hidden columns can be made visible again by selecting them and using the Show/Hide button.

Select columns:

HTML Tables

The columns can still be changed in the «Columns» menu. The rows can be expanded and deleted in the «Rows» menu.A test table can be opened in the «Help» menu. Number of columns (max. 100): Number of rows:

File name: Save PDF in landscape format Save hidden columns

Column for sorting: Data type: Sorting: Ascending (A-Z) Descending (Z-A)

Column to delete:

Align Columns: Left Center Right Align column heading the same

Select column: Text Number Date Time

Column name:

Search text 1: Operator: AND OR NOT Search text 2: Case-sensitive

File name: Delimiter: ; , . : / TB Export hidden columns

Search for: Replace with: Case-sensitive

Select column: Data type: Content: Output: 1, 2, ...Rows: bis

Select column: Rows: to

Rows: to

Hidden columns are displayed in bold italics in the column list. Hidden columns can be made visible again by selecting them and using the Show/Hide button. Select columns:

The columns can still be changed in the «Columns» menu. The rows can be expanded and deleted in the «Rows» menu.
A test table can be opened in the «Help» menu.

Number of columns (max. 100):

Number of rows:

File name:
Save PDF in landscape format
Save hidden columns

Column for sorting:
Data type:

Sorting: Ascending (A-Z) Descending (Z-A)

Align Columns:

Left Center Right

Align column heading the same

Select column:

Text Number Date Time

Search text 1:

Operator:

Search text 2:

Case-sensitive

File name:

Delimiter:

Export hidden columns

Search for:
Replace with:
Case-sensitive

Select column:
Data type:

Content:
Output:
1, 2, ...
Rows: bis

Select column:

Rows: to

Hidden columns are displayed in bold italics in the column list. Hidden columns can be made visible again by selecting them and using the Show/Hide button.

Select columns: