Skip to content
Demonstrate table layout with SVG in RWD
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
nbproject
vandors
.gitignore
LICENSE
README.md
icon.png
index.html
popup.css
table-original.html
table-thumbnail-rwd.js
table.html

README.md

20190930-RWD-Table-to-SVG

Demonstrate table layout with SVG in RWD


Install

<script src="https://pulipulichen.github.io/20190930-RWD-Table-to-SVG/vandors/jquery/jquery-3.4.1.min.js"></script>
<script src="https://pulipulichen.github.io/20190930-RWD-Table-to-SVG/vandors/dom-to-image/dom-to-image.js"></script>
<script src="https://pulipulichen.github.io/20190930-RWD-Table-to-SVG/table-thumbnail-rwd.js"></script>

Usage

$(() => {
  $('table').each((i, table) => {
    TableThumbnailRWD(table, {
      // options...
    })
  })
})

Options

TableThumbnailRWD(table, {
  showThumbnailWidthPX: 640,
  thumbnailMinWidth: '800px',
  thumbnailTitle: 'Open table in new window',
  popupCssURL: '//pulipulichen.github.io/20190930-RWD-Table-to-SVG/popup.css'
})

Resources

You can’t perform that action at this time.