Solved

Datatables jQuery Format Problem

Posted on 2013-11-13
9
1,222 Views
Last Modified: 2016-03-02
I am using the datatables plug in and i want to show numerical data with 2 decimal places.

I am using similar php scripts that the author uses and as such, i don't to format the data at that stage.. i want to format the data client side

I have found a datatables article : http://datatables.net/forums/discussion/comment/23760 but it uses depreciated methods

I also want to produce my own calculated columns

Thanks
0
Comment
Question by:maddisoncr
  • 6
  • 2
9 Comments
 

Author Comment

by:maddisoncr
ID: 39645391
0
 
LVL 44

Expert Comment

by:Rainer Jeschor
ID: 39646300
Hi,
depending on your data / html source, the following option should work:
            "aoColumnDefs": [ 
            {
                "mRender": function ( data, type, row ) {

                    return parseFloat(data).toFixed(2);
                },
                "aTargets": [ 6 ]
            }

Open in new window

Just verify the column index - from the attached PDF it looks like column 7 (hence index 6).

Sample:
http://jsfiddle.net/EE_RainerJ/3frAT/

HTH
Rainer
0
 

Author Comment

by:maddisoncr
ID: 39647453
Thank you so much, i really appreciate it

How would i go about looking at calculated columns ?
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:maddisoncr
ID: 39647481
thanks again for that, it's working great

in terms of adding commas.. i presume i would still use the plug in as before ?
0
 
LVL 44

Accepted Solution

by:
Rainer Jeschor earned 500 total points
ID: 39647581
Hi,
calculated columns should probably work the same.

I have updated the above sample:
http://jsfiddle.net/EE_RainerJ/3frAT/

Using this as mRender function:
            "aoColumnDefs": [ 
            {
                "mRender": function ( data, type, row ) {
                    var tempNumber = parseFloat(data.trim()).toFixed(2);
                    if (isNaN(tempNumber)) {
                        return "";
                    } else {
                    var sArray = (""+tempNumber).split('.');
                    return sArray[0].split(/(?=(?:.{3})+$)/).join(",") + "." + sArray[1];
                }
                },
                "aTargets": [ 3 ]
            }
        ]

Open in new window


HTH
Rainer
0
 

Author Comment

by:maddisoncr
ID: 39651106
Thanks so much, i'll test that this afternoon :-)
0
 

Author Comment

by:maddisoncr
ID: 39665233
Thanks again.. Brilliant
0
 

Author Closing Comment

by:maddisoncr
ID: 39665235
Great help
0
 

Expert Comment

by:plpitcher
ID: 41489578
{
                               "mRender": function (data, type, row) {
                                   return parseFloat('currentBalance').toFixed(2);
                               }
                           },
The above is not working for me.  What do I need to do?  The data type for 'currentBalance' is decimal.
0

Featured Post

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Jquery get each value 2 37
Removing HTML elements using javascript 4 52
jQuery on Submit 4 42
Getting search results to display ul for text field being inputted into 43 58
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question