Code Monkey home page Code Monkey logo

tblr's Introduction

App-Logo tblr - html table creator for the web

Launch Tblr

Description

This app converts your data ‒ copy-pasted from Excel, a CSV or other text-based formats ‒ into an html table.

You can also see some statistics about your data like number of rows, columns and empty cells.

Screenshots

Preview data in a table

Generate HTML

Data in the screenshots is from Mockaroo.

Known issues

No support for line breaks

It's not supported to paste tables from Microsoft Office Excel that include line breaks.

Why? ‒ There's technically no difference between line breaks and a new table row. There's no way to tell them apart.

Links

tblr's People

Contributors

alinnert avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

tblr's Issues

Tblr on Firefox/Windows - Input field is small

I'm using https://alinnert.github.io/tblr/ on the latest Firefox version on Windows 10.

If I enter (or paste) three lines of text or more into the Input field, a scrollbar appears and only 4 rows are visible at any one time. If I try the same thing with Chrome, all rows of input text appears without the scroll bar.

Input:
1aaa bbb ccc
2aaa bbb ccc
3aaa bbb ccc
4aaa bbb ccc
5aaa bbb ccc
6aaa bbb ccc
7aaa bbb ccc

See attached image.

tblr on Firefox

Provide an option to make the first cell in each row a <th>

Hi, would it be possible to add an option that, when checked, turns the first in every into a ?

So instead of this:

<tr><td>ABC</td><td>DEF</td><td>GHI</td></tr>
<tr><td>JKL</td><td>MNO</td><td>PQR</td></tr>

it would be

<tr><th>ABC</th><td>DEF</td><td>GHI</td></tr>
<tr><th>JKL</th><td>MNO</td><td>PQR</td></tr>

Thanks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.