How To Make A Single Element In A Not Sortable (jquery Ui)

Question

I have a table like this Not Sortable (jquery Ui)"

Days

Monday

Tuesday

W

Solution 1:

Make the row headers <th> as they should be and include only <td> elements.

<table><trclass="sortable"><th>Days</th><td>Monday</td>
     ...

$( '.sortable' ).sortable({
    items: 'td'
});

Demo: http://jsfiddle.net/Xugru/

Solution 2:

You can use the cancel option for this:

$('.sortable').sortable({
    cancel: 'td:first'
});

Here's docs.

Solution 3:

<table><trclass="sortable"><td>Days</td><td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>Thursday</td><td>Friday</td><td>Saturday</td></tr><trclass="sortable"><td>Works</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr></table>

Let's make the column id not to be sortable.

Baca Juga

$(".sortable").sortable({
 items: "td:not(:first)"
});

That's all. All you need is to excludethe first td in items.

Have a great day

Post a Comment for "How To Make A Single

Element In A

Element?

I have a table and I need the cells to have an element posi…

CSS - Auto Fill Height

Here's a js fiddle of what I currently have, I am tryin…

Store A Generated Random Number In A Variable, Then Call That Variable As A Filename To Bring Up An Image. Javascript

So I have a few pictures that I want to randomly generate o…

CSS Hover Jitter Issue

This is my first question. I usually try to research these …

Right Floated Element Disappears When Using Columns In Firefox

I am using an ol element with column-count and column-gap p…

Setting Link Href From Child Image Src Using JQuery

I am using .wrap() to create a link around each image withi…

How To Limit The Html Table Records In Each Page

I am populating a table in my jsp which has more than 20 re…

Separate Countdown For Divs

I want to show countdown in each of my divs. Right now I ge…

Retain Dynamically Created DropDown List's Selected Value On Event Window.history.back()- JavaScript

Can use the below question as a reference to explain the co…