Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Zoho Docs Google Docs

Each Attachment size should not exceed 1MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery UI

Christophe

How to make the content of a table cell selectable?

Answered

Need more info
Answered
Working on it

in Using jQuery UI • 2 years ago

Hello there,

Does anybody know how to make div's in a td selectable?

Usually you do it like this:

<ul id="selectable">
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<script>
$('#selectable').selectable();
</script>

The previous code makes the children of UL selectable. But what if you want to make the div's of a TD selectable?

<table>
<tr>
<td><div class="tdItem">Hello</td>
<td><div class="tdItem">Hello</td>
<td><div class="tdItem">Hello</td>
</tr>
<tr>
<td><div class="tdItem">Hello</td>
<td><div class="tdItem">Hello</td>
<td><div class="tdItem">Hello</td>
</tr>
</table>

I have tried:

<script>
$('td').selectable();
</script>

But this makes the div separately selectable. So you can select them, but separated from each other. They are in fact independent selectables.

Does anybody know a good solution? :-)

Thanks!

Christophe

Replies(4)

rdworth

Re: How to make the content of a table cell selectable?

2 years ago

$("table").selectable({
filter: ".tdItem"
});

Demo: http://jsbin.com/emafu3

Source: http://jsbin.com/emafu3/edit

nstawski

Re: How to make the content of a table cell selectable?

8 months ago

Thank you very much, was looking for the solution all over the internet and this helped.

Reageren: How to make the content of a table cell selectable?

2 years ago

You guys are good. Thanky!!! :-)

Re: How to make the content of a table cell selectable?

6 months ago

How to get the selected item ?

[EDIT]
Just found
:http://api.jqueryui.com/selectable/#event-selected

Statistics

4 Replies
4838 Views
0 Followers

Actions

Permalink

UI Selectable - allow select multip...
disable multiple-select for jquery ...
Use draggable & droppable in a ...
autocomplete UI: can't select r...
sortable() for rows of table united...

Response title

Attachments

jQuery Forum

How to make the content of a table cell selectable?

Answered

Replies(4)

Re: How to make the content of a table cell selectable?

Re: How to make the content of a table cell selectable?

Reageren: How to make the content of a table cell selectable?

Re: How to make the content of a table cell selectable?

Statistics

Tags

Actions

Related Posts