Dar formato al contenido <colums> de ASP con jtable
Publicado por Francisco (1 intervención) el 02/10/2018 17:40:46
Buen día comunidad, espero puedan ayudarme.
Tengo una tabla en ASP, pero la tabla no tiene un "estilo", el estilo debo ponerselo con jtable, el probleema es que no se como hacer referancia a los datos, quiero que al momento de generar la tabla este salgo con el estilo de jtable
este es el codigo de ASP:
Este es el Script, el cual no logro como traerme los datos para darle estilo:
Tengo una tabla en ASP, pero la tabla no tiene un "estilo", el estilo debo ponerselo con jtable, el probleema es que no se como hacer referancia a los datos, quiero que al momento de generar la tabla este salgo con el estilo de jtable
este es el codigo de ASP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<table id="tab">
<tr>
<td style="text-align: Left;font-size:24px" colspan="5" height="30">Catalogo de frutas</td>
</tr>
<tr>
<td colspan="5">
<div id="gvmostrar">
<asp:GridView ID="GridView" runat="server" EnableModelValidation="True"
AutoGenerateColumns="False" Width="372px" ShowFooter = "true">
<Columns>
<asp:TemplateField HeaderText="Clave">
<ItemTemplate>
<asp:TextBox ID="txtcve_fruta" onkeyup="this.value=this.value.toUpperCase()" Text='<%# Eval("cve_fruta")%>' MaxLength = "10" runat="server"></asp:TextBox>
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtcve_fruta1" onkeyup="this.value=this.value.toUpperCase()" MaxLength = "10" runat="server"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Descripción">
<ItemTemplate>
<asp:TextBox ID="txtdescripcion" Text='<%# Eval("descripcion")%>' MaxLength = "60" Width = "300px" runat="server"></asp:TextBox>
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtdescripcion1" MaxLength = "60" Width = "300px" runat="server"></asp:TextBox>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="lnkRemove" runat="server" CommandArgument ='<%# Eval("cve_fruta")%>'
OnClientClick = "return confirm('Do you want to delete?')"
Text = "Delete" OnClick = "Deletefruta" ForeColor="#BDBDBD"></asp:LinkButton>
</ItemTemplate>
<FooterTemplate>
<asp:Button ID="btnAdd" runat="server" Text="Add" CssClass="botonper1"
OnClick = "AddNewfruta" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle CssClass="botonperson1" />
<RowStyle BackColor="#F2F2F2" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="center" />
<HeaderStyle CssClass="botonperson1" />
<AlternatingRowStyle BackColor="#E6E6E6" />
</asp:GridView>
</div>
</td>
</tr>
</table>
Este es el Script, el cual no logro como traerme los datos para darle estilo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
var urlShow = window.location.pathname;
$(document).ready(function () {
$('table[id$=tab]').jtable({
title: 'Catalogo de Unidades de Medida',
paging: false,
pageSize: 10,
sorting: false,
fields: {
ID: {
title: 'Clave',
width: '12%'
},
Descripcion: {
title: 'Descripción',
width: '38%'
},
}});
$('#Gridview').jtable('load');
});
</script>
Valora esta pregunta
0