DEMO : jQuery plugin / Extend Table Row

Datum Klijent Broj računa Faktura
16. 7. 2011. T-com 13A/11 Otpremnica
15. 7. 2011. T-com 12B/11 Otpremnica
14. 7. 2011. T-com 12A/11. Otpremnica
11. 7. 2011. Coca-Cola Hrvatska 11/11 Račun R-1
6. 6. 2011. Kooperativa 8/11 Račun R-1
6. 6. 2011. Kooperativa 7/11 Račun R-1
6. 6. 2011. Kooperativa 6/11 Račun R-1
8. 4. 2011. Kooperativa 4/11 Račun R-1
29. 3. 2011. Kooperativa 3/11 Račun R-1
6. 3. 2011. Idiom d.o.o. 2/11 Račun R-1
14. 2. 2011. Viski d.d. 1/11 Račun R-1

Uporaba / Usage

    
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js" ></script>
<script type="text/javascript" src="jquery_extendrow.js" ></script>
<link href="jquery_extendrow.css" rel="stylesheet" type="text/css" />    

<script type="text/javascript" >
jQuery(function() {

    $(".er").extendRow({
        event: "contextmenu",
        inner: "#erInner"
	});

});
</script>
</head>


<body>
    
    
    <div id="erInner" style="display:none">

        <input type="button" value="Uredi dokument" class="erAction" data-action="izlaz_stavka_unesi()" />

        <input type="button" value="Briši dokument" class="erAction" data-action="posao_brisi()" />

        <input type="button" value="Ispis"  class="erAction" data-action="posao_ispis()" />

        <input type="button" value="Uredi račun" class="erAction" data-action="uredi_posao()" />

    </div>

    <table class="tablica" rules="cols"  align="center" id="" > 
         
        <thead><tr> 
            <th>Datum</th> 
            <th>Klijent</th> 
            <th>Broj računa</th> 
            <th>Faktura</th> 
        </tr> 
        </thead> 
        
        <tbody>
        <tr class="er"> 
            <td>14. 2. 2011.</td> 
            <td>Viski d.d.</td> 
            <td>1/11</td> 
            <td>Račun R-1</td> 
        </tr> 
        </tbody>
        
    </table>    

</body>