Saltar al contenido

Poner la tabla en el popover de Bootstrap

Ya no necesitas buscar más por otras webs porque has llegado al espacio indicado, tenemos la respuesta que deseas pero sin problemas.

Solución:

Ejemplo: http://jsfiddle.net/z824fn6b/320/ use la tabla en el botón popover y alternar

Popover Example



$(function() 
  $("[data-toggle=popover]").popover(
    html: true,
    content: function() 
      var content = $(this).attr("data-popover-content");
      return $(content).children(".popover-body").html();
    ,
    title: function() 
      var title = $(this).attr("data-popover-content");
      return $(title).children(".popover-heading").html();
    
  );
);

Esto puede ayudar:

HTML:

Jill Smith 50
Eve Jackson 94
John Doe 80

jQuery:

$('[data-toggle=popover]').popover(

   content: $('#myPopoverContent').html(),
   html: true

).click(function() 
   $(this).popover('show');
);

Trabajo jsFiddle: http://jsfiddle.net/ja3f6p4j/19/

Así es como lo hice:

HTML:

View

JQuery:

$(function()
// Enabling Popover Example 2 - JS (hidden content and title capturing)
$("#commentPopover").popover(
    html : true, 
    content: function() 
      return $('#commentPopoverHiddenContent').html();
    ,
    title: function() 
      return $('#commentPopoverHiddenTitle').html();
    
);
);

Aquí hay un violín: http://jsfiddle.net/5bsykcqt/

Tienes la opción de proteger nuestro estudio mostrando un comentario o dejando una valoración te estamos agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *