datatables-dynamic-columns

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Datatable with dynamic headers</title>
<link rel="stylesheet" type="text/css" href="datatables.min.css">
<script src="datatables.min.js"></script>
</head>
<body>
<h2>Skygate front-end LAB Datatable example with dynamic headers</h2>
<table id="demotable" class="table table-striped table-condensed dataTable">
<thead><tr></tr></thead>
</table>
<script>
var data,
tableName= '#demotable',
columns,
str,
jqxhr = $.ajax('data/data.json')
.done(function () {
data = JSON.parse(jqxhr.responseText);
// Iterate each column and print table headers for Datatables
$.each(data.columns, function (k, colObj) {
str = '<th>' + colObj.name + '</th>';
$(str).appendTo(tableName+'>thead>tr');
});
// Add some Render transformations to Columns
// Not a good practice to add any of this in API/ Json side
data.columns[0].render = function (data, type, row) {
return '<h4>' + data + '</h4>';
}
// Debug? console.log(data.columns[0]);
$(tableName).dataTable({
"data": data.data,
"columns": data.columns,
"fnInitComplete": function () {
// Event handler to be fired when rendering is complete (Turn off Loading gif for example)
console.log('Datatable rendering complete');
}
});
})
.fail(function (jqXHR, exception) {
var msg = '';
if (jqXHR.status === 0) {
msg = 'Not connect.\n Verify Network.';
} else if (jqXHR.status == 404) {
msg = 'Requested page not found. [404]';
} else if (jqXHR.status == 500) {
msg = 'Internal Server Error [500].';
} else if (exception === 'parsererror') {
msg = 'Requested JSON parse failed.';
} else if (exception === 'timeout') {
msg = 'Time out error.';
} else if (exception === 'abort') {
msg = 'Ajax request aborted.';
} else {
msg = 'Uncaught Error.\n' + jqXHR.responseText;
}
console.log(msg);
});
</script>
<div style="margin-top:12em;width:100%;height: auto;background-color: lightgrey; color:#FFF">Authors:
<a style="color:#FFF" href="http://fasani.de">Martin Fasani</a>, Diego Guza
Based on <a style="color:midnightblue" href="http://datatables.net">datatables jQuery plugin</a>
</div>
</body>
</html> Nguồn:  martinberlin/datatables-dynamic-columns

Comments

Post a Comment

Popular posts from this blog

Data Import Best Practices in Power BI

Image
  When you create a data model in Power BI, you should consider how to properly use naming convention and what columns to include, in order to improve usability and performance. This article provides a quick list of best practices valid for both Power BI and Power Pivot. APR 5, 2018 UPDATED Marco Russo DAX     POWER BI     POWER PIVOT     TABULAR    Not all of the suggestions described can be applied to all of your data models. You should adapt these best practices to your specific scenario, looking at how to achieve the goals that are the reason for a certain pattern more than barely apply it without considering the pros and cons of each choice. Even if the article mentions Power BI, all the best practices described are valid for Power Pivot and Analysis Services Tabular models, too. The demo file you can download (at the end of the article) contains a sample Power BI file and the corresponding views defined in a SQL file for ...
Read more

Bulk Insert Update in C# using Stored Procedure

Image
 Nguồn:  Bulk Insert Update in C# using Stored Procedure - Dot Net Tutorials Bulk Insert Update in C# using Stored Procedure Back to:  ADO.NET Tutorial For Beginners and Professionals Bulk INSERT and UPDATE in C# and ADO.NET using Stored Procedure In this article, I am going to discuss  How to Perform BULK INSERT and UPDATE in C#  and ADO.NET using SQL Server Stored Procedure with Examples. Please read our previous article where we discussed  ADO.NET Architecture . Here, in this article, I will explain to you how to perform the Bulk Insert and Update using the Stored Procedure with Examples, and in the next article, I am going to discuss how to Perform Batch Operations Using SqlBulkCopy and DataAdapters. Advertisements × Bulk Insert and Update using Stored Procedure and C# ADO.NET: Let us understand how to perform Bulk Insert and Update using C# and ADO.NET. So, basically what we will do is, we will check if the record does not exist in the database, then w...
Read more

Power BI Performance Tips and Techniques

Image
  This post reviews some of the tips and techniques that I covered in my webinar   Performance Techniques for Power BI Data Models . To save blog space I have highlighted the first 5 tips from the presentation. There are more tips and techniques, along with expanded explanations and references in the   presentation slides . The Problem Power BI  is  fast, and the columnar data store is forgiving of large data sets. However, if you find that your Power BI desktop solution is slowing down or that the refresh of a published BI data set takes a very long time review these tips to see if they can help you streamline your data model and reports. My example data for this talk is a customized Tasks table from Salesforce. This real life data table comes from a client and is sanitized for confidentiality. The example has over 382,000 rows which isn’t a large table for Power BI. When the data is loaded into Power BI, the stored file size on disk balloons to over 500MB. In ...
Read more