Skip to main content
se eliminaron 29 caracteres en el cuerpo
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea

Así esta el codigo:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Ingresar un icono( fontawesome) en una celda con javascript

esta es la primera vez que pregunto, espero que me puedan ayudar u orientar... Aquí esta mi problema:

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea....

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias

Ingresar un icono( fontawesome) en una celda con javascript

esta es la primera vez que pregunto, espero que me puedan ayudar u orientar... Aquí esta mi problema:

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea....

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias

Ingresar un icono fontawesome) en una celda con javascript

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias

Origen Enlace
Maca
  • 48
  • 2
  • 9

Ingresar un icono( fontawesome) en una celda con javascript

esta es la primera vez que pregunto, espero que me puedan ayudar u orientar... Aquí esta mi problema:

Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea....

Así esta el codigo, que tengo escrito:

function consultar(){
  $("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}

td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
  <tr class="row-2 even" role="row">
    <td class="colunm-1">Firstname</td>
    <td class="colunm-2">Lastname</td> 
    <td class="colunm-3">Age</td>
    <td class="colunm-4">Agregar</td>
  </tr>
  <tr class="row-3 odd" role="row">
    <td class="colunm-1">Jill</td>
    <td class="colunm-2">Smith</td> 
    <td class="colunm-3">50</td>
    <td class="colunm-4"></td>
  </tr>
  <tr>
    <td class="colunm-1">Eve</td>
    <td class="colunm-2">Jackson</td> 
    <td class="colunm-3">94</td>
    <td class="colunm-4"></td>
  </tr>
</table>

Gracias