Beefy Boxes and Bandwidth Generously Provided by pair Networks
"be consistent"
 
PerlMonks  

comment on

( #3333=superdoc: print w/replies, xml ) Need Help??

Since you specifically said client filtering of a table, and since your table is HTML, I believe that what you're really looking for is a way for your Perl code to generate simple HTML based on your data set and having a person's web browser do the work of sorting, filtering, and possibly editing. With that in mind, I highly recommend that you use DataTables or similar. I've used DataTables, and there is much documentation on how to do pretty styling, but more to your point, there is a built in API for column filtering.

Current best practice for web applications is to NOT put inline attributes like fonts and colors, relying on CSS to do all styling. Furthermore, you should consider your Perl code as a data source for your tables, and use AJAX to have a web browser send requests using JavaScript and your Perl code return data, probably in a form like JSON for the JavaScript to interpret and display.

To get started quickly, what I would do is to take your code, get rid of the inline styling, just make a syntactically correct table, have your HTML page include DataTables, and use JavaScript to quickly get your sorting and filtering working.


In reply to Re: How to add the client filtering function in perl table? by Sinistral
in thread How to add the client filtering function in perl table? by GordonLim

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?
    Username:
    Password:

    What's my password?
    Create A New User
    Chatterbox?
    and the web crawler heard nothing...

    How do I use this? | Other CB clients
    Other Users?
    Others surveying the Monastery: (3)
    As of 2020-07-05 01:48 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?

      No recent polls found

      Notices?