Star
Back to Examples

Spreadsheet with fixed headers and scrolling

Create an instance of your jquery plugin to allow a table overflow and scrolling.


Source code

<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.8.3/jquery.csv.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jexcel/2.1.0/js/jquery.jexcel.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jexcel/2.1.0/css/jquery.jexcel.min.css" type="text/css" />

<div id="my1"></div>

<script>
$('#my').jexcel({
    csv:'/components/bossanova-ui/demo/demo2.csv',
    csvHeaders:true,
    tableOverflow:true,
    tableHeight:'300px',
});
</script>
</html>