Matt's 411

A Web Developer's Blog · Javascript, CSS, HTML and more

  • Grid Updated

    Sunday, November 25, 2012·Share
    • Facebook
    • ·
    • Google Plus
    • ·
    • LinkedIn
    • ·
    • StumbleUpon
    • ·
    • Twitter
    ·Comments

    I've updated MooGrid with some performance tweaks and documentation. Additionally the dependence on Mootools is gone. This will hopefully clear the path for anyone using jQuery or plain old Javascript.

    = View Grid Demo =

    Grid Demo Screenshot

    For those who are new to this blog, first, welcome! Second, I'll describe what Grid is. Grid is an open source project I've been working on for some time now. It's an HTML-based table component with fixed headers, fixed footers, fixed left columns, row selection, sorting and more. It works across all major browsers and is (now) Javascript framework independent, so it will work on your website if you use jQuery, Mootools, or something else entirely. Grid's full list of features are:

    • Cross browser compatible (Chrome, Firefox, Safari, Opera, Internet Explorer 7+)
    • Framework independent - Works with jQuery, Mootools, etc.
    • Fixed header, footer, columns
    • Column resizing
    • Column sorting
    • Grid resizing
    • Row selection (singular and multi-select)
    • Accepts JSON or XML as input or retrieves from DOM
    • Tablet friendly
    • Open source

    Please see the Github project page for documentation and implementation details.

    If any issues are found please use Github instead of emailing me directly. I will try to fix bugs as soon as I can. Thanks and hope you like Grid!

Latest Posts

  • Internet Explorer localStorage polyfill using userData
  • Autocomplete with <datalist>
  • Internet Explorer 9 oninput event
  • Grid Updated
  • Canvas Pie and Ring Charts with Tooltips
  • Receive an SMS via Twilio When Your Website Goes Down
  • Comments with Disqus.com
  • Disabling Spellcheck in Textarea Elements
  • Setting the name attribute in IE's DOM
  • Recent Activity
  • Tips for Web Developers
  • Delaying Javascript Event Execution
  • Auto Selecting HTML Text with Javascript