tableExport.jquery.plugin
tableExport.jquery.plugin copied to clipboard
Published
20 hours ago •
kayalshri
kayalshri
some trouble with a table
hello, I have some trouble with an html table (#tableau_eleves) to export here is the code: `
<title>نقاط الامتحانات</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/dashboard.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="js/ie-emulation-modes-warning.js"></script>
<script src="js/jquery-1.11.3-jquery.min.js"></script>
<script src="js/search_eleve.js"></script>
<!-- toe xport to different format (Excel...and more) -->
<script type="text/javascript" src="js/tableExport.js"></script>
<script type="text/javascript" src="js/jquery.base64.js"></script>
<!-- to export to pdf -->
<script type="text/javascript" src="js/jspdf/libs/sprintf.js"></script>
<script type="text/javascript" src="js/jspdf/jspdf.js"></script>
<script type="text/javascript" src="js/jspdf/libs/base64.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="glyphicon glyphicon-home"></a></li>
</ul>
<form class="navbar-form navbar-right">
<input type="text" class="search form-control" placeholder="بحث" id="search_eleve">
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<h1 class="page-header">لوحة القيادة</h1>
<div class="row placeholders">
<div class="col-xs-6 col-sm-3 placeholder">
<h4>الفوج</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<h4>المستوى</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<h4>المؤسسة</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<h4>الطور</h4>
</div>
</div>
<div class="row placeholders">
<div class="col-xs-6 col-sm-3 placeholder">
<select required="true" name="groupe">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="col-xs-6 col-sm-3 placeholder" id="filtre_niveau">
<select required="true" name="classe">
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<select required="true" name="etablissement">
<option value="مؤسسة">مؤسسة</option>
</select>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<select required="true" name="niveau">
<option value="ابتدائي">ابتدائي</option>
<option value="متوسط">متوسط</option>
</select>
</div>
</div>
<h2 class="sub-header">قائمة التلاميذ</h2>
<div class="table-responsive">
<table class="table table-striped" id="tableau_eleves">
<thead>
<tr>
<th>العمليات</th>
<th>ث3</th>
<th>ث2</th>
<th>ث1</th>
<th> الفوج</th>
<th> المستوى</th>
<th> المؤسسة</th>
<th> الطور</th>
<th>مكان الميلاد</th>
<th>تاريخ الميلاد</th>
<th>الاسم</th>
<th>اللقب</th>
<th>رقم التسجيل</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<button type="submit" name="btn-login" class="btn btn-warning">
تعديل
</button>
</td>
<td><input type="number" min="0" max="20" step="0.01" value="15.64" name="moyenne" required="true" disabled></td>
<td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
<td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
<td>2</td>
<td>4</td>
<td>قداش الطاهر</td>
<td>ابتدائي</td>
<td>الطارف</td>
<td>17/06/2009</td>
<td>بن فلان</td>
<td>محمد</td>
<td>0001</td>
</tr>
<tr>
<td>
<button type="submit" name="btn-login" class="btn btn-warning">
تعديل
</button>
</td>
<td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
<td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
<td><input type="number" min="0" max="20" step="0.01" name="moyenne" required="true"></td>
<td>1</td>
<td>5</td>
<td> لبرق موسى</td>
<td>متوسط</td>
<td>الذرعان</td>
<td>18/02/2003</td>
<td>بن فلان</td>
<td>سارة</td>
<td>0002</td>
</tr>
</tbody>
</table>
</div>
<div class="form-group" id="form_buttons">
<button type="reset" name="btn-login" class="btn btn-danger">
<i class="glyphicon glyphicon-thumbs-down"></i> مسح
</button>
<button type="submit" name="btn-login" class="btn btn-success">
<i class="glyphicon glyphicon-thumbs-up "></i> تأكيد
</button>
</div>
</div>
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
<!--<li class="active"><a href="dashboard.html">الرئيسية <span class="sr-only">(current)</span></a></li>-->
<li><a href="#" class="glyphicon glyphicon-log-out">خروج</a></li>
<li ><a class="glyphicon glyphicon-export" href="#" onclick="$('#tableau_eleves').tableExport({type:'excel',escape:'false'});">تصدير</a></li>
<li><a class="glyphicon glyphicon-print" href="#" onclick="$('#employees').tableExport({type:'pdf',pdfFontSize:'7',escape:'false'});">طباعة</a></li>
</ul>
</div>
</div>
</div>
