Archive

Loading...Please Wait.




Popular posts from this blog

Set table width to 100% on PDF export in Datatables

Image
I've been using DataTables a lot these days, it's good. Actually, it's a very good plug-in for displaying data in table ( haha ), with lots of interaction. Few and should be implemented feature: Can't export multiple table headers API for table width in PDF Export  Adding header and footer for Excel Export DataTables uses pdfmake library for its pdf export module. Sample output of pdf To make the table width 100%, as per pdfmake documentation we should set its width to "*". Here it goes: Edit the datatables JS file, find t.table.widths="auto" , change it to t .table.widths="*" . You might want to change the alignment of the table header also: Find  tableHeader:{bold:!0,fontSize:11,color:"white",fillColor:"#2d4154",alignment:"center" Set the alignment to left. sample output after the tweak
Read more

A Better Archive Page for Blogger

Image
This is for me, the better Archive Page. Let's see the how it looks. or you can just click my ARCHIVE PAGE in the navigation bar on top. This has cool feature also: Sort by title (ascending or descending) - by clicking the "POST TITLE" table header. Sort by date (older first or newer first) -  by clicking the "POST DATE" table header. Option to show all post by Label When you hover the post title a snippet of the post will display. Things that it doesn't have, which is acceptable: You can't change the date format You can't change table header unless you edit the script. Here's how to implement it. 1. Create a Page           For New Blogger Interface: Dashboard > Pages > New Page > Blank Page           Put a title, of course, like "Archive". :D 2. HTML Tab > Paste the code below <div id="bp_toc"> Loading TOC. Please wait....</div> <script src="http:/...
Read more

Setting max and min range in Highcharts with multiple y-axis

Image
Let's say you have that kind of chart/graph above, and then you want to set its min and max range...Nah, here's the code: chart: { renderTo: 'container', type: 'line', //width: 800, height: 450, alignTicks: false }, ... yAxis: [{ //primary y axis min: 0, max: 100, tickInterval: 20 }, { min: 0, max: 150, tickInterval: 30, opposite: !0 }] ... You just need to add alignTicks: false in your chart option then set the y-axis' tickInterval . It is much better to divide each max range with the same value.
Read more