Data table Filter query ? Datapicker

Question

0.00/5 (No votes)

See more:

Hi
I applied columnfilter on datatable and everything is working fine . But the thing is i dont want filters for specific set of columns . say i just need a filter to a column Beside search box Left to it just to filter records using from & to of Date Picker .

I tried like this but its not working .!

HTML

<thead>
           <tr>
                      <th>Lead Id</th>
                      <th>Contact Name</th>
                      <th>Contact Address</th>
                      <th>Lead Source</th>
                      <th>Domain</th>
           </tr>

           <tr>

                      <th>Domain</th>
           </tr>
       </thead>
dt.columnFilter({
             aoColumns:
                       [
                        {  },
                        {  },
                        {  },
                        {  },
                        { type: "date-range" }
                      
                      
                       ]
                    });

I just need filter on top which does filter via date picker .

PICTURE : click here for sample picture
or you can try this also
[url=http://postimg.org/image/tyqaod3v1/][img=http://s30.postimg.org/tyqaod3v1/pic.jpg][/url]

Regards

Posted 10-Apr-14 21:43pm

sunil gutta

Updated 11-Apr-14 9:07am

v3

Add a Solution

Comments

Guruprasad.K.Basavaraju 11-Apr-14 10:43am

Sunil, Guess I couldn't get the issue. Could you please explain ?

sunil gutta 11-Apr-14 12:10pm

yes i will :) thanks for stopping by n looking into it .
Actually when we use column filter on datatable i am getting textboxes , dropdown or etc what ever in footer . but i dont want this functionality i want to customize like just i want to place the date range filter that too on HEAD or below or beside search box which we get by default . So just need this { type: "date-range" } .. As metioned in the code above if i keep empty {} still i am getting textboxes where i tought i wont ? ? i just need to add one filter on top which does my work strictly date filter . if more clarity required please dolet me know i will give a drawn screeshot ..

sunil gutta 11-Apr-14 15:08pm

posted exact requirement of my question in picture attached

sunil gutta 14-Apr-14 2:31am

Guys i done this . Thank you for your support mates . glad you are here . But i facing small issue which i hope please look into it FNRENDER ISSUE : http://www.codeproject.com/Questions/759005/fnRender-giving-issue-in-datatable-mvc

REGARDS

2 solutions

Solution 2

Download "DataTables v1.9.4" From
http://datatables.net/download/[^]

Here many type of data table You can select any one.

Posted 11-Apr-14 20:22pm

Yogesh Kumar Tyagi

Comments

sunil gutta 12-Apr-14 3:58am

actually i using 1.9 only thing is i am confused and donno how to set the things excatly to my requirement . Regards . i hope you checked my image ty

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Yogesh Kumar Tyagi · Accepted Answer · 2014-04-11T18:52:00

Solution 1

See This link :-

http://jquery-datatables-column-filter.googlecode.com/svn/trunk/customFilters.html[^]

Posted 11-Apr-14 18:52pm

Yogesh Kumar Tyagi

Comments

sunil gutta 12-Apr-14 1:49am

yes that one useful link but once see the question i attached some image to it .. you can get clear idea what i am looking at . thank you