Skip to main content

jQuery Datatable disable sorting for one column or multiple column

jQuery Datatable disable sorting for one column


Sometimes we want to remove sorting in datatable so today we will learn how to disable sorting for any specific column in simple steps.

jQuery datatable provides columnDefs option that we can use to remove sorting (asc/desc) from any column .


Please use below code:
 
var oTable= $('#idDataTable').DataTable({
              "order": [[ 3, "asc" ]],
              'columnDefs': [{
                    "targets": [0],
                    "orderable": false
                }]
          });


So in above code we mentioned targets as 0, that means it will disable ascending descending option for first column, you can disable sorting for multiple columns by separating them with comma(,)


Source code for disable sorting for multiple column.

var oTable= $('#idDataTable').DataTable({
              "order": [[ 3, "asc" ]],
              'columnDefs': [{
                    "targets": [0,1,2],
                    "orderable": false
                }]
          });

Thanks 

Comments

  1. If you're trying to lose pounds then you absolutely need to jump on this brand new custom keto diet.

    To create this keto diet service, certified nutritionists, fitness trainers, and chefs joined together to develop keto meal plans that are useful, convenient, cost-efficient, and enjoyable.

    Since their launch in 2019, thousands of clients have already remodeled their body and health with the benefits a great keto diet can offer.

    Speaking of benefits; clicking this link, you'll discover eight scientifically-certified ones provided by the keto diet.

    ReplyDelete
  2. If you're trying hard to lose pounds then you certainly have to start following this brand new custom keto diet.

    To create this keto diet service, certified nutritionists, personal trainers, and professional chefs have united to provide keto meal plans that are powerful, painless, economically-efficient, and delicious.

    Since their grand opening in January 2019, 1000's of clients have already completely transformed their figure and well-being with the benefits a professional keto diet can offer.

    Speaking of benefits: clicking this link, you'll discover eight scientifically-tested ones offered by the keto diet.

    ReplyDelete

Post a Comment

Popular posts from this blog

Run and compile sass scss file to css using node

  Today we learn how to use scss and generate css using node  or Run and compile sass scss file to css using node   So please follow simple  steps :-   Today we will create a project that can read scss file and generates css with it  Note: Make sure you have installed node in your system. If you want to help to install node js based on your system then check our other tutorial or check node js official website. Now create a blank folder and open  terminal(linux) or cmd(windows) and navigate to your current project folder by using cd command Now run below command npm init after enter it will ask you some package info that you can fill according to you or just keep enter until it finished. The above command will generate package.json file Now  we will install npm module that will convert our scss to css Run below command: npm install node-sass So we have installed node-sass package . Now open package.json file in your...

Solution-windows 'expo' is not recognized as an internal or external command

Solution for expo is not recognized as an internal or external command,operable program or batch file in Windows 10 Sometimes expo will not work globally mostly in windows 10, If you are facing same issue then follow the below Steps 1) Click on windows button and search for  " Environment variables"  and click on "Edit the system environment variables" 2) Now you will see a popup like below screen. Then you need to click on Environment Variables. (Please see highlight part in below image)     3)Then click on new button that i have highlighted in below image 4. Then a popup will open and you need to fill details like below mentioned Variable Name :Path Variable Value: %USERPROFILE%\AppData\Roaming\npm Here we are creating a new path variable and passing location of npm.   Now Click on OK and close all the terminal windows and open new CMD or terminal and type Expo . Great now you can access expo from any...

Copy text or html to clipboard js php

How to copy text or HTML to clipboard using JS/jQuery Today we learn how to copy texts and html into the clipboard by using js, we can copy content on button click or any event through JS. Here are the few simple methods for it. Please follow the below methods 1) Copy data-attribute value to clipboard   If you have an html element like a button with data value and you want to copy value on button click then use below function HTML CODE <a class="cls_copy_pg_action copyAction copy-action-btn" data-value="THIS TEXT WILL BE COPIED" > <i class="far fa-copy"></i> Copy</a> JQUERY CODE $(document).on("click", ".copy-action-btn", function() {       var trigger = $(this);       $(".copy-action-btn").removeClass("text-success");       var $tempElement = $("<input>");         $("body").append($tempElement);     ...