[jQuery] Re: Help about how to use the jquery.kiketable.colsizable

[Enrique Meléndez Estrada]

Hi,
The problem is that, in (my own) code for the first example (tab "API"), 
COLs tags are missing, as it is explained in the "correct HTML for 
TABLEs" tab :
http://www.ita.es/jquery/jquery.kiketable.colsizable.htm#section-3
I have changed 
"http://www.ita.es/jquery/jquery.kiketable.colsizable-1.1.js"; in order 
to ignore those tables without "colgroup" defined.

If you have a table of this kind (no colgroup/col explicitly written), 
you must  first append the corresponding colgroup/cols tags ( 
$('table').prepend('<colgroup><col />...<col /></colgroup>')) and then 
apply this plugin.
greetings,
El 18/03/2009 19:45, ManKuZo escribió:
Hello,

    I'm trying to create a very simple exemple with the the
jquery.kiketable.colsizable pluging. But, It's not working, can you
help me with this. The part of the code is bellow :


IN THE HEADER
<script type="text/javascript" src="jquery-1.3.2.js"></script>
 <script type="text/javascript"
src="jquery.kiketable.colsizable-1.1.js"></script>
 <script type="text/javascript" src="jquery.event.drag-1.4.min.js"></
script>
 <link type="text/css" rel="stylesheet"
href="jquery.kiketable.colsizable.css">

<script type="text/javascript">
 $(document).ready(function(){
  $("table").kiketable_colsizable()
  });
</script>

IN THE BODY

<table class="api">
          <tbody>
            <tr class="first">
              <td width="100"><strong>PROPERTY</strong></td>
              <td width="200"><strong>DEFAULT VALUE</strong></td>
              <td><strong>DESCRIPTION (Other values)</strong></td>
              </tr>
            <tr>
              <td>dragCells</td>
              <td>&quot;tr:first&gt;*&quot;</td>
              <td>Selection of cells to be applied column resizable
handler<br/>&quot;tr:first&gt;*&quot; : select all cells (td,th) from
first row of table<br/>&quot;tr:first&gt;*:not(:first)&quot; : select
all cells, but the first, from table's first row</td>
              </tr>
            <tr>
              <td>dragMove</td>
              <td>true</td>
              <td>
                <p>true : Column visually changes width while
dragging;<br /> false : Column changes its width at stop dragging</p>
                </td>
              </tr>
 </tbody>
          </table>


Thanks

  


--
Enrique Meléndez Estrada (976 01 0083)
Dpto. Servicios Informáticos
Área Organización y Servicios Internos
INSTITUTO TECNOLÓGICO DE ARAGÓN
c/ María de Luna 8, 50018, Zaragoza (Spain)
emelen...@ita.es - http://www.ita.es

begin:vcard
fn;quoted-printable:Enrique Mel=C3=A9ndez Estrada
n;quoted-printable:Mel=C3=A9ndez Estrada;Enrique
org;quoted-printable;quoted-printable:Instituto Tecnol=C3=B3gico Arag=C3=B3n;Servicios Inform=C3=A1ticos
adr;quoted-printable;quoted-printable:;;c/ Mar=C3=ADa de Luna, 8;Zaragoza;Zaragoza;50018;Espa=C3=B1a
email;internet:emelen...@ita.es
tel;work:976 01 0083
x-mozilla-html:TRUE
url:http://www.ita.es
version:2.1
end:vcard