diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/css/wb-pspc-datatable-utility.css" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/css/wb-pspc-datatable-utility.css" new file mode 100644 index 000000000..57c8b3523 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/css/wb-pspc-datatable-utility.css" @@ -0,0 +1,3 @@ +.wb-col-sum { + font-weight: bold; +} \ No newline at end of file diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/data/datatable-utility.json" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/data/datatable-utility.json" new file mode 100644 index 000000000..19530fab2 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/data/datatable-utility.json" @@ -0,0 +1,328 @@ +{ + "data": [ + { + "DepartmentEN": "Agriculture and Agri-Food Canada", + "DepartmentFR": "Agriculture et Agroalimentaire Canada", + "ContactEmail": "steveb@bozzit.com", + "Custom study titleEN": "2022 Survey on Consumer Perceptions of Food, Wave VI", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleFR": "Sondage de 2022 sur les perceptions des consommateurs à l’égard des aliments, vague VI", + "Registration number": "POR 124-22", + "Supplier": "Ipsos Limited Partnership", + "Contract value": "62698.95" + }, + { + "DepartmentEN": "Agriculture and Agri-Food Canada", + "DepartmentFR": "Agriculture et Agroalimentaire Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 Qualitative Research on Consumer Perceptions of Sustainability-Oriented Assurance Systems", + "Custom study titleFR": "Recherche qualitative sur les perceptions des consommateurs en matière de systèmes d'assurance alimentaire axés sur la durabilité 2022 à 2023", + "Registration number": "POR 084-22", + "Supplier": "Earnscliffe Strategy Group GP", + "Contract value": "74994.71" + }, + { + "DepartmentEN": "Agriculture and Agri-Food Canada", + "DepartmentFR": "Agriculture et Agroalimentaire Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Creative Concepts in Support of the AgriCommunication Campaign", + "Custom study titleFR": "Concepts créatifs à l'appui de la campagne AgriCommunication", + "Registration number": "POR 085-21", + "Supplier": "Narrative Research Inc.", + "Contract value": "17780.55" + }, + { + "DepartmentEN": "Canada Energy Regulator", + "DepartmentFR": "Régie de l’énergie du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Canada Energy Regulator Annual Public Opinion Research Measures", + "Custom study titleFR": "Recherche sur l'opinion publique sur les mesures de la Régie de l'énergie du Canada, rapport annuel", + "Registration number": "POR 120-22", + "Supplier": "Environics Research Group Limited", + "Contract value": "157646.30" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 Annual Corporate Research", + "Custom study titleFR": "Recherche d'entreprise annuelle de 2022 à 2023", + "Registration number": "POR 105-22", + "Supplier": "Quorus Consulting Group Inc.", + "Contract value": "174047.12" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 Canada Child Benefit, Satisfaction Survey", + "Custom study titleFR": "Allocation canadienne pour enfants, sondage sur la satisfaction 2022 à 2023", + "Registration number": "POR 113-22", + "Supplier": "Nanos Research Corporation", + "Contract value": "124912.46" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 Canada Revenue Agency Annual Corporate Research, Qualitative Component", + "Custom study titleFR": "Recherche d'entreprise annuelle de l'Agence du revenu du Canada 2022 à 2023, constatations qualitatives", + "Registration number": "POR 147-22", + "Supplier": "Phoenix SPI", + "Contract value": "169403.95" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 Canada Revenue Agency Benefits and Credits Campaign, Advertising Campaign Evaluation Tool", + "Custom study titleFR": "Campagne relative aux prestations et crédits de l'Agence du revenu du Canada 2022 à 2023, Outil d’évaluation de campagnes publicitaires", + "Registration number": "POR 150-22", + "Supplier": "Ipsos Limited Partnership", + "Contract value": "30284.00" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2022 to 2023 ePayroll Survey", + "Custom study titleFR": "Sondage de 2022 à 2023 sur la paie électronique", + "Registration number": "POR 135-22", + "Supplier": "Nanos Research Corporation", + "Contract value": "203932.66" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Accessibility Testing of Canada Revenue Agency's Forms and Guides", + "Custom study titleFR": "Mise à l’essai de l’accessibilité des formulaires et des guides de l'Agence du revenu du Canada", + "Registration number": "POR 016-22", + "Supplier": "Quorus Consulting Group Inc.", + "Contract value": "88818.00" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Digital Acceleration Research, Phase 2", + "Custom study titleFR": "Recherche sur l'accélération numérique, phase 2", + "Registration number": "POR 122-21", + "Supplier": "Phoenix SPI", + "Contract value": "7130.68" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Measuring Agency Strategic Performance Framework Outcomes 2022 to 2023", + "Custom study titleFR": "Mesure des résultats du cadre de performance stratégique de l'Agence 2022 à 2023", + "Registration number": "POR 121-22", + "Supplier": "Ipsos Limited Partnership", + "Contract value": "112265.16" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Official Language Minority Community Experiences with Canada Revenue Agency Programs and Services", + "Custom study titleFR": "Expériences des communautés de langue officielle en situation minoritaire par rapport aux programmes et services de l'Agence du revenu du Canada", + "Registration number": "POR 151-22", + "Supplier": "Nanos Research Corporation", + "Contract value": "112858.75" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Qualitative Research on Canada Revenue Agency's Secure Portals With Tax Intermediaries", + "Custom study titleFR": "Recherche qualitative sur les portails sécurisés de l'Agence du revenu du Canada avec des intermédiaires fiscaux", + "Registration number": "POR 032-22", + "Supplier": "Sage Research Corporation", + "Contract value": "62381.65" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Qualitative Research on First-Time Tax Filing With Newcomers to Canada", + "Custom study titleFR": "Recherche qualitative sur la première déclaration de revenus auprès des nouveaux arrivants au Canada", + "Registration number": "POR 132-22", + "Supplier": "Environics Research Group Limited", + "Contract value": "57969.00" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Qualitative Research on Scientific Research and Experimental Development Client Portal", + "Custom study titleFR": "Recherche qualitative sur le portail client de la recherche scientifique et du développement expérimental", + "Registration number": "POR 065-22", + "Supplier": "Environics Research Group Limited", + "Contract value": "71048.75" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Qualitative Research on the Perceptions of Tax Obligations and Related Non-compliance in the Real Estate Sector", + "Custom study titleFR": "Recherche qualitative sur la perception des obligations fiscales et l’inobservation dans le secteur des biens immobiliers", + "Registration number": "POR 109-22", + "Supplier": "Gregg, Kelly, Sullivan & Woolstencroft: The Strategic Counsel", + "Contract value": "93899.61" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Taxpayer Feedback on Crypto Tax Knowledge and Obligations", + "Custom study titleFR": "Rétroaction des contribuables sur la connaissance et les obligations fiscales liées aux cryptomonnaies", + "Registration number": "POR 137-22", + "Supplier": "Ekos Research Associates Inc.", + "Contract value": "113251.43" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Underground Economy in Canada in Today’s Post-Pandemic Environment", + "Custom study titleFR": "L’économie souterraine au Canada dans l’environnement postpandémique d’aujourd’hui", + "Registration number": "POR 082-22", + "Supplier": "Gregg, Kelly, Sullivan & Woolstencroft: The Strategic Counsel", + "Contract value": "122345.10" + }, + { + "DepartmentEN": "Canada Revenue Agency", + "DepartmentFR": "Agence du revenu du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Voluntary Disclosures Program Research", + "Custom study titleFR": "Recherche sur le Programme des divulgations volontaires", + "Registration number": "POR 123-22", + "Supplier": "Ipsos Limited Partnership", + "Contract value": "90493.23" + }, + { + "DepartmentEN": "Canada School of Public Service", + "DepartmentFR": "École de la fonction publique du Canada", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Gathering Training, Learning and Developmental Needs of Federal Public Servants", + "Custom study titleFR": "Regroupement des besoins de formation, d’apprentissage et de perfectionnement des fonctionnaires fédéraux", + "Registration number": "POR 110-22", + "Supplier": "Nanos Research Corporation", + "Contract value": "222587.40" + }, + { + "DepartmentEN": "Canadian Food Inspection Agency", + "DepartmentFR": "Agence canadienne d'inspection des aliments", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Canadian Food Inspection Agency, Compliance Promotion Qualitative Public Opinion Research, Data Analysis and Statistical Review", + "Custom study titleFR": "Recherche qualitative de l'opinion publique, analyse des données et revue statistique sur la promotion de la conformité par l'Agence canadienne d'inspection des aliments", + "Registration number": "POR 125-22", + "Supplier": "Patterson, Langlois Consultants", + "Contract value": "28035.30" + }, + { + "DepartmentEN": "Canadian Food Inspection Agency", + "DepartmentFR": "Agence canadienne d'inspection des aliments", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Public Opinion Research with Canadians on Pet Trade 2022 to 2023", + "Custom study titleFR": "Recherche sur l'opinion publique auprès des Canadiens sur le commerce des animaux de compagnie 2022 à 2023", + "Registration number": "POR 091-22", + "Supplier": "Ekos Research Associates Inc.", + "Contract value": "98084.00" + }, + { + "DepartmentEN": "Canadian Food Inspection Agency", + "DepartmentFR": "Agence canadienne d'inspection des aliments", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Public Opinion Research with Canadians to Support Communications on African Swine Fever 2022 to 2023", + "Custom study titleFR": "Recherche sur l’opinion publique auprès des Canadiens pour appuyer les communications sur la peste porcine africaine 2022 à 2023", + "Registration number": "POR 086-22", + "Supplier": "Quorus Consulting Group Inc.", + "Contract value": "104928.14" + }, + { + "DepartmentEN": "Canadian Food Inspection Agency", + "DepartmentFR": "Agence canadienne d'inspection des aliments", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Public Opinion Research with Consumers and Regulated Parties for the Canadian Food Inspection Agency Annual Reputation Survey 2022 to 2023", + "Custom study titleFR": "Recherche sur l'opinion publique auprès des consommateurs et des parties réglementées pour le sondage annuel sur la réputation de l'Agence canadienne d'inspection des aliments 2022 à 2023", + "Registration number": "POR 095-22", + "Supplier": "Pollara", + "Contract value": "194738.55" + }, + { + "DepartmentEN": "Canadian Food Inspection Agency", + "DepartmentFR": "Agence canadienne d'inspection des aliments", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "Public Opinion Research with Food Businesses to Support Compliance with Food Safety Regulations 2022 to 2023", + "Custom study titleFR": "Recherche sur l’opinion publique auprès des entreprises du secteur alimentaire pour appuyer la conformité au Règlement sur la salubrité des aliments au Canada de 2022 à 2023", + "Registration number": "POR 087-22", + "Supplier": "Pollara", + "Contract value": "194908.05" + }, + { + "DepartmentEN": "Canadian Heritage", + "DepartmentFR": "Patrimoine canadien", + "ContactEmail": "Steve.Bourgeois@tpsgc-pwgsc.gc.ca", + "Custom study titleEN-url": "https://www.bozzit.com", + "Custom study titleFR-url": "https://www.bozzit.com", + "Custom study titleEN": "2023 Status of the High Performance Athlete Survey", + "Custom study titleFR": "Étude sur la situation de l’athlète de haut niveau en 2023", + "Registration number": "POR 108-22", + "Supplier": "Ekos Research Associates Inc.", + "Contract value": "80184.80" + } + ] +} \ No newline at end of file diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/datatable-utilities-doc-en.html" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/datatable-utilities-doc-en.html" new file mode 100644 index 000000000..719b5acd1 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/datatable-utilities-doc-en.html" @@ -0,0 +1,122 @@ +--- +title: DataTable Utilities - Documentation +language: en +description: List of utilities to manipulate DataTables tables. +tag: DataTable +altLangPage: datatable-utilities-doc-fr.html +dateModified: 2024-11-01 +--- + +
DataTable Utilities, includes Data Manipulation Classes for emails, Urls and Money. Also Includes Datatable Footer Totals.
+Having this plugin intergrated will make the transition to Canada.ca easier as these features are already in use on https://www.tpsgc-pwgsc.gc.ca, currently some of the pages that make use of this plugin and other pages that make use of Other Javascripts are just pointed to from Canada.ca
+The Public at Large, the plugin makes DataTables more user friendly with Clickable Links, and they are used to this functionality our PRE Canada.ca Pages.
+ +Todo and for future consideration
+Sponsor: PSPC - {{ implPlan.sponsor }}
+ + + +Enable the plugin for the targeted table by adding the CSS class wb-tables-utility
to the table. Add the attribute data-wb-tables-utility
to configure the options.
Option | +Description | +How to configure | +Values | +
---|---|---|---|
debug | +Print Debug messages to the console | +data-wb-tables-utility="{"debug":true}" |
+
+
|
+
filteredsum | +Column Totals to reflect Filtered DataTable Data | +data-wb-tables-utility="{"filteredsum":false}" |
+
+
|
+
wb-col-sum | +When this class is applied to a column, a column footer total is calculated | +"columnDefs": [{ "className": "wb-col-sum", "targets": [3]}] |
+ + wb-col-sum + | +
wb-col-money | +When this class is applied to a column, the data is manipulated to reflect currency with $ | +"columnDefs": [{ "className": "wb-col-money", "targets": [3]}] |
+ + wb-col-money + | +
wb-col-cur-thousand | +When this class is applied to a column, the data is manipulated to reflect currency without $ | +"columnDefs": [{ "className": "wb-col-cur-thousand", "targets": [3]}] |
+ + wb-col-cur-thousand + | +
wb-col-mailto | +When this class is applied to a column, the data is searched with an email partern, and when found are wrapped with <a href="mailto:...">...</a> to make it a clikcable link. | +"columnDefs": [{ "className": "wb-col-mailto", "targets": [3]}] |
+ + wb-col-mailto + | +
wb-col-url | +When this class is applied to a column, dataTable Utilites looks for a second column with the same name as this column that is ending with -url + and the 2 are stiched into a single column wrapped with <a href="column-name-url">column-name</a> to make it a clikcable link. | +"columnDefs": [{ "className": "wb-col-url", "targets": [3]}] |
+ + wb-col-url + | +
Les utilitaires de table de données incluent des classes de manipulation de données pour les courriels, les URL et l’argent. Ils comprennent également des totaux dans le pied de page de la table de données.
+L'intégration de ce plugin facilitera la transition vers Canada.ca, car ces fonctionnalités sont déjà mises en œuvre sur https://www.tpsgc-pwgsc.gc.ca. Actuellement, certaines pages utilisant ce plugiciel, ainsi que d'autres pages qui utilisent différents JavaScripts, sont simplement liées directement de Canada.ca.
+Pour le grand public, le plugiciel rend les tables de données plus conviviales en fournissant des liens cliquables, et les utilisateurs sont déjà habitués à cette fonctionnalité sur nos anciennes pages Canada.ca.
+ +Todo and for future consideration
+Commanditaire : SPAC - {{ implPlan.sponsor }}
+ + + +Activez le plugiciel pour le tableau ciblé en ajoutant la classe CSS wb-tables-utility
au tableau. Ajoutez l'attribut data-wb-tables-utility
pour configurer les options.
Option | +Description | +How to configure | +Values | +
---|---|---|---|
debug | +Print Debug messages to the console | +data-wb-tables-utility="{"debug":true}" |
+
+
|
+
filteredsum | +Column Totals to reflect Filtered DataTable Data | +data-wb-tables-utility="{"filteredsum":false}" |
+
+
|
+
wb-col-sum | +When this class is applied to a column, a column footer total is calculated | +"columnDefs": [{ "className": "wb-col-sum", "targets": [3]}] |
+ + wb-col-sum + | +
wb-col-money | +When this class is applied to a column, the data is manipulated to reflect currency with $ | +"columnDefs": [{ "className": "wb-col-money", "targets": [3]}] |
+ + wb-col-money + | +
wb-col-cur-thousand | +When this class is applied to a column, the data is manipulated to reflect currency without $ | +"columnDefs": [{ "className": "wb-col-cur-thousand", "targets": [3]}] |
+ + wb-col-cur-thousand + | +
wb-col-mailto | +When this class is applied to a column, the data is searched with an email partern, and when found are wrapped with <a href="mailto:...">...</a> to make it a clikcable link. | +"columnDefs": [{ "className": "wb-col-mailto", "targets": [3]}] |
+ + wb-col-mailto + | +
wb-col-url | +When this class is applied to a column, dataTable Utilites looks for a second column with the same name as this column that is ending with -url + and the 2 are stiched into a single column wrapped with <a href="column-name-url">column-name</a> to make it a clikcable link. | +"columnDefs": [{ "className": "wb-col-url", "targets": [3]}] |
+ + wb-col-url + | +
Department | +Contact Email | +Custom study | +Custom study URL | +Reg# | +Contract value | +
---|
.wb-col-mailto
Wrap email Addresses with a <a href="mailto:...">email@example.net</a>.wb-col-money
Format numbers as Money..wb-col-url
Stitch 2 columns (column-name, column-name-url) into a single URL / Caption or URL and URL as the caption if (column-name-url) does not exists within the JSON File.+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t2" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentEN" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleEN" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Department | +Contact Email | +Custom study | +Reg# | +Contract value | +
---|
.wb-col-cur-thousand
Format numbers with thousands separator with 2 decimals.
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t3" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentEN" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleEN" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left", "targets": [1] }, + { "className": "text-left", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-cur-thousand", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Department | +Contact Email | +Custom study | +Reg# | +Contract value | +
---|
.wb-col-sum
class on the column to perform column Total
Add a Placehoder <tfoot> at the bottom of the Table.
+ ++ <tfoot> + <tr class="active"> + <th colspan="4">Total</th> + <td> </td> + </tr> + </tfoot> ++ +
Pass false
via filteredsum to the plugin data-wb-tables-utility="{"filteredsum":false}"
as the default is true
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t4" + data-wb-tables-utility="{"filteredsum":false}" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentEN" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleEN" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-sum wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Department | +Contact Email | +Custom study | +Reg# | +Contract value | +
---|---|---|---|---|
Total | ++ |
.wb-col-sum
class on the column to perform column Total
Add a Placehoder <tfoot> at the bottom of the Table.
+ ++ <tfoot> + <tr class="active"> + <th colspan="4">Total</th> + <td> </td> + </tr> + </tfoot> ++ +
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t5" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentEN" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleEN" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-sum wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Department | +Contact Email | +Custom study | +Reg# | +Contract value | +
---|---|---|---|---|
Total | ++ |
Ministère | +Courriel | +Titre de l’étude multi-intérêts | +URL de l’étude multi-intérêts | +Reg# | +Valeur des contrats | +
---|
.wb-col-mailto
Entourer les adresses courriels avec un <a href="mailto:...">email@example.net</a>.wb-col-money
Formater les nombres en tant que montant d'argent..wb-col-url
Fusionner 2 colonnes (nom-colonne, nom-colonne-url) en une seule URL / Sous-titre ou URL et URL comme sous-titre si (nom-colonne-url) n'existe pas dans le fichier JSON.+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t2" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentFR" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleFR" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Ministère | +Courriel | +Titre de l’étude multi-intérêts | +Reg# | +Valeur des contrats | +
---|
.wb-col-cur-thousand
Formater les nombres en tant que montant d'argent sans le signe $.
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t3" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentFR" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleFR" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Ministère | +Courriel | +Titre de l’étude multi-intérêts | +Reg# | +Valeur des contrats | +
---|
.wb-col-sum
classe sur la colonne pour effectuer le total de la colonne.
Ajouter un espace réservé <tfoot> en bas de la table.
+ ++ <tfoot> + <tr class="active"> + <th colspan="4">Total</th> + <td> </td> + </tr> + </tfoot> ++ +
Définissez le paramètre filteredsum a « false
» dans le plugiciel data-wb-tables-utility="{\"filteredsum\":false}"
, car la valeur par défaut est « true
».
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t4" + data-wb-tables-utility="{"filteredsum":false}" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentFR" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleFR" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-sum wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Ministère | +Courriel | +Titre de l’étude multi-intérêts | +Reg# | +Valeur des contrats | +
---|---|---|---|---|
Total | ++ |
.wb-col-sum
classe sur la colonne pour effectuer le total de la colonne.
Ajouter un espace réservé <tfoot> en bas de la table.
+ ++ <tfoot> + <tr class="active"> + <th colspan="4">Total</th> + <td> </td> + </tr> + </tfoot> ++ +
+ <table class="wb-tables table table-striped table-hover table-condensed small wb-tables-utility" id="t5" + data-wb-tables='{ "ajax":"data/datatable-utility.json", + "columns": [{ "data": "DepartmentFR" }, + { "data": "ContactEmail" }, + { "data": "Custom study titleFR" }, + { "data": "Registration number" }, + { "data": "Contract value" }], + "columnDefs": [{ "className": "text-left", "targets": [0]}, + { "className": "text-left wb-col-mailto", "targets": [1] }, + { "className": "text-left wb-col-url", "targets": [2] }, + { "className": "text-left", "targets": [3] }, + { "className": "text-right wb-col-sum wb-col-money", "targets": [4] }], + "lengthMenu": [ [5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"] ]}'> ++ +
Ministère | +Courriel | +Titre de l’étude multi-intérêts | +Reg# | +Valeur des contrats | +
---|---|---|---|---|
Total | ++ |