html cursor up and down, side to side like excel

Is there a jquery or other solution to making a html table allow user to arrow left, right, up and down?
KeithMcElroyAsked:
Who is Participating?
 
Jagadishwor DulalBraces MediaCommented:
It's possible in html 5 just add contenteditable=true, See example Below:

<table width="100%" border="1" cellpadding="0" cellspacing="0"> 
<thead>
  <tr>
    <th>Item</th>
    <th>Item details</th>
    </tr>
</thead>
<tbody contenteditable="true">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
</tbody>
</table>
				

Open in new window

In this example your <tbody> section have content editable and you can use cursor.
0
 
KeithMcElroyAuthor Commented:
do i need to declare html 5 in the header somewhere?
In chrome, it is not working.
0
 
Jagadishwor DulalBraces MediaCommented:
Which version of chrome you are using? It's working to me and it's  27.0.1453.94 . Or try adding html tag on the top like
<!doctype html>
<head>
<title></title>
</head>

Open in new window

0
 
KeithMcElroyAuthor Commented:
Yes, that seemed to do it.
A follow up question, and actually what I should have put in my original question.
is there a way to cursor between input boxes each contained in the td cells?
Shall award points.
Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.