Change table row using Rails Ajax

Question

I've a simple page with link_to_remote Rails Ajax function and HTML table. I'd like to change row of the table when click that link.

This is my html.

<table border="1">
    <tr>
        <td><div id="ajax_result_1">1</div></td>
        <div id="ajax_result_2"><td>2</td></div>

    </tr>
    <div id="ajax_result_3">
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
    </div>
</table>

And this is my code.

<%= link_to_remote 'Change', :update => "ajax_result_1", :url => "change_path" %>

change action just render simple text.

When I use ajax_result_1 for :update, it worked okay.

But, not for ajax_result_2 and ajax_result_3.

Is there a way to solve this? I want to replace row of the table.

Salil · Accepted Answer · 2010-06-18 06:55:25Z

1

<div id="ajax_result_2"><td>2</td></div>

this should be

<td><div id="ajax_result_2">2</div></td>

and

<div id="ajax_result_3">
<tr>
    <td>3</td>
    <td>4</td>
</tr>
</div>

should be

<tr  id="ajax_result_3">
    <td>3</td>
    <td>4</td>
</tr>

you cann't use <div> tag in table directly if you want to use <div> you have to use it in the <td> only.

answered Jun 18, 2010 at 6:55

Salil

47.7k22 gold badges127 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hongseok Yoon Over a year ago

Thanks! I thought that id attribute is only valid in div tag!

Collectives™ on Stack Overflow

Change table row using Rails Ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related