{"id":1036,"date":"2022-09-09T14:23:32","date_gmt":"2022-09-09T12:23:32","guid":{"rendered":"https:\/\/alessandromasciadri.com\/?p=1036"},"modified":"2022-09-09T14:35:06","modified_gmt":"2022-09-09T12:35:06","slug":"esempi-di-tabelle-basate-su-bootstrap","status":"publish","type":"post","link":"https:\/\/alessandromasciadri.com\/esempi-di-tabelle-basate-su-bootstrap\/","title":{"rendered":"Esempi di tabelle basate su Bootstrap"},"content":{"rendered":"\t\t<div data-akihiro-type=\"ama-post\" data-akihiro-id=\"1036\" class=\"akihiro akihiro-1036\" data-akihiro-post-type=\"post\">\n\t\t\t\t<div class=\"akihiro-element akihiro-element-a2584ba e-flex e-con-boxed e-con e-parent\" data-id=\"a2584ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"akihiro-element akihiro-element-63a7b8d akihiro-widget akihiro-widget-text-editor\" data-id=\"63a7b8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bootstrap \u00e8 un noto framework che viene ad oggi ampiamente utilizzato per la costruzione di interfacce frontend per applicazioni web.<\/p><p>Questo articolo ha il solo scopo di fornire alcuni esempi facilmente riutilizzabili di tabelle realizzate con Bootstrap.<\/p><p>Queste CodePen si basano su Bootstrap 5.2<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-242051d akihiro-widget akihiro-widget-heading\" data-id=\"242051d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t<h3 class=\"akihiro-heading-title akihiro-size-default\">Tabella Bootstrap base<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-a3939c5 akihiro-widget akihiro-widget-text-editor\" data-id=\"a3939c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><iframe class=\"ama-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Bootstrap Table - Basic\" src=\"https:\/\/codepen.io\/drcoccodrillus\/embed\/preview\/BaxKpzB?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=BaxKpzB#?secret=mBvBFBgDdX\" data-secret=\"mBvBFBgDdX\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-4bb90f6 akihiro-widget akihiro-widget-heading\" data-id=\"4bb90f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t<h3 class=\"akihiro-heading-title akihiro-size-default\">Tabella Bootstrap avanzata<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-1b57c55 akihiro-widget akihiro-widget-text-editor\" data-id=\"1b57c55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un esempio di tabella con immagini, link e testi secondari.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-6145519 akihiro-widget akihiro-widget-text-editor\" data-id=\"6145519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><iframe class=\"ama-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Bootstrap table\" src=\"https:\/\/codepen.io\/drcoccodrillus\/embed\/preview\/eYrZdPo?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=eYrZdPo#?secret=F4MsKyPnl6\" data-secret=\"F4MsKyPnl6\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-f03dfa1 akihiro-widget akihiro-widget-heading\" data-id=\"f03dfa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t<h3 class=\"akihiro-heading-title akihiro-size-default\">Tabella Bootstrap con checkbox<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-8c8cb6f akihiro-widget akihiro-widget-text-editor\" data-id=\"8c8cb6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><iframe class=\"ama-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Bootstrap Table - Checkbox\" src=\"https:\/\/codepen.io\/drcoccodrillus\/embed\/preview\/oNdxYBW?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=oNdxYBW#?secret=CNd8uiEokV\" data-secret=\"CNd8uiEokV\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-5b80889 akihiro-widget akihiro-widget-heading\" data-id=\"5b80889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t<h3 class=\"akihiro-heading-title akihiro-size-default\">Tabella Bootstrap dati finanziari<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-9ddc2bd akihiro-widget akihiro-widget-text-editor\" data-id=\"9ddc2bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><iframe class=\"ama-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Bootstrap Table - Finance\" src=\"https:\/\/codepen.io\/drcoccodrillus\/embed\/preview\/abGNpzV?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=abGNpzV#?secret=AwU1ZNamUc\" data-secret=\"AwU1ZNamUc\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bootstrap \u00e8 un noto framework che viene ad oggi ampiamente utilizzato per la costruzione di interfacce frontend per applicazioni web. Questo articolo ha il solo scopo di fornire alcuni esempi facilmente riutilizzabili di tabelle realizzate con Bootstrap. Queste CodePen si basano su Bootstrap 5.2 Tabella Bootstrap base Tabella Bootstrap avanzata Un esempio di tabella con [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1036","post","type-post","status-publish","format-standard","hentry","category-programmazione"],"_links":{"self":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/1036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/comments?post=1036"}],"version-history":[{"count":23,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/1036\/revisions"}],"predecessor-version":[{"id":1063,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/1036\/revisions\/1063"}],"wp:attachment":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/media?parent=1036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/categories?post=1036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/tags?post=1036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}