DataTables / DataTables/SearchPanes
`stateSave` keeps persisting even after clearing
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 23
- Forks
- 14
- PR merge metrics
- No merged PRs in 30d
Description
stateSave keeps persisting even after clearing. When I try to click on the "Clear All", it clears all the filter well. But after reloading, a certain filter is still selected. The expected behaviour should be no filter is selected.
I use this along side with vue-datatables-net package
<template>
<div class="card-body">
<vdtnet-table
:id="table_id"
:ref="table_id"
:opts="table_opts"
:fields="table_fields"
container-class-name="datatable datatable-bordered datatable-head-custom datatable-default datatable-primary datatable-loaded"
:select-checkbox="0"
class-name="datatable-table"
@edit="toEditTeacher"
@calendar="toTeacherCalendar"
@students="toStudents"
@payment="toPayment"
></vdtnet-table>
</div>
</template>
In table data() method
table_opts() {
const self = this;
return {
stateSave: true,
responsive: true,
lengthMenu: [5, 10, 15, 20, 25, 50],
ajax: {
url: configs.teachersUrl,
type: "GET",
dataSrc: null,
headers: {
CSRFToken: window.axios.defaults.headers.common["X-CSRF-TOKEN"],
},
},
order: [[0, "desc"]],
pageLength: 15,
buttons: [
{
extend: "csvHtml5",
exportOptions: {
orthogonal: "export",
columns: self.exportColumns,
},
},
{
extend: "excelHtml5",
exportOptions: {
orthogonal: "export",
columns: self.exportColumns,
},
},
],
searchPanes: {
layout: "columns-1",
cascadePanes: true,
columns: [3, 4, 5, 6, 7],
dtOpts: {
order: [[1, "desc"]],
},
// i18n: {
// emptyMessage: "<i><b>EMPTY</b></i>"
// }
},
columnDefs: [
{
defaultContent: "-",
targets: "_all",
},
{
searchPanes: {
show: false,
},
targets: [1, 2, 8, 9, 10, 11],
},
{
searchPanes: {
header: self.sh.__("languages_taught"),
orthogonal: "sp",
},
targets: [3],
},
{
searchPanes: {
header: self.sh.__("courses"),
orthogonal: "sp",
},
targets: [4],
},
{
searchPanes: {
header: self.sh.__("ages"),
orthogonal: "sp",
},
targets: [5],
},
{
searchPanes: {
header: self.sh.__("origin"),
},
targets: [6],
},
{
searchPanes: {
header: self.sh.__("residence"),
},
targets: [7],
},
],
dom: "<'d-none'B><'clearfix'P><'row'<'col-6 col-md-2'l><'col-6'f>>itp",
language: {
lengthMenu: self.sh.__("length_menu"),
search: "_INPUT_",
searchPlaceholder: self.sh.__("search"),
},
initComplete(settings) {
const table = this.api();
$("#sp_container").append(table.searchPanes.container());
table.searchPanes.rebuildPane();
table.columns.adjust();
self.$store.commit("setTeachers", table.data());
},
drawCallback(settings) {
setTimeout(() => $('[data-toggle="tooltip"]').tooltip(), 300);
},
};
},
{
"time": 1692170705132,
"start": 0,
"length": 15,
"order": [
[
0,
"desc"
]
],
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
},
"columns": [
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": false,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": false,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": false,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
},
{
"visible": true,
"search": {
"search": "",
"smart": true,
"regex": false,
"caseInsensitive": true
}
}
],
"childRows": [],
"searchPanes": {
"panes": [
{
"arrayFilter": [
{
"display": "French",
"filter": "French",
"sort": "French",
"type": "French"
},
{
"display": "English",
"filter": "English",
"sort": "English",
"type": "English"
},
{
"display": "Spanish",
"filter": "Spanish",
"sort": "Spanish",
"type": "Spanish"
},
{
"display": "Italian",
"filter": "Italian",
"sort": "Italian",
"type": "Italian"
},
{
"display": "Chinese",
"filter": "Chinese",
"sort": "Chinese",
"type": "Chinese"
},
{
"display": "Korean",
"filter": "Korean",
"sort": "Korean",
"type": "Korean"
},
{
"display": "Russian",
"filter": "Russian",
"sort": "Russian",
"type": "Russian"
},
{
"display": "Arabic",
"filter": "Arabic",
"sort": "Arabic",
"type": "Arabic"
},
{
"display": "Portuguese",
"filter": "Portuguese",
"sort": "Portuguese",
"type": "Portuguese"
},
{
"display": "German",
"filter": "German",
"sort": "German",
"type": "German"
},
{
"display": "Japanese",
"filter": "Japanese",
"sort": "Japanese",
"type": "Japanese"
}
],
"bins": {
"French": 26,
"English": 40,
"Spanish": 100,
"Italian": 14,
"Chinese": 26,
"Korean": 19,
"Russian": 9,
"Arabic": 11,
"Portuguese": 12,
"German": 14,
"Japanese": 13
},
"id": 3,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": [
"English"
]
},
{
"arrayFilter": [
{
"display": "",
"filter": "",
"sort": "",
"type": ""
},
{
"display": "DELE",
"filter": "DELE",
"sort": "DELE",
"type": "DELE"
},
{
"display": "ECELE",
"filter": "ECELE",
"sort": "ECELE",
"type": "ECELE"
},
{
"display": "Custom Professional",
"filter": "Custom Professional",
"sort": "Custom Professional",
"type": "Custom Professional"
},
{
"display": "Spanish for Tourists",
"filter": "Spanish for Tourists",
"sort": "Spanish for Tourists",
"type": "Spanish for Tourists"
},
{
"display": "Spanish for Business",
"filter": "Spanish for Business",
"sort": "Spanish for Business",
"type": "Spanish for Business"
},
{
"display": "Spanish for Medical",
"filter": "Spanish for Medical",
"sort": "Spanish for Medical",
"type": "Spanish for Medical"
},
{
"display": "Spanish for Teachers",
"filter": "Spanish for Teachers",
"sort": "Spanish for Teachers",
"type": "Spanish for Teachers"
},
{
"display": "Spanish for Priests",
"filter": "Spanish for Priests",
"sort": "Spanish for Priests",
"type": "Spanish for Priests"
},
{
"display": "DELF",
"filter": "DELF",
"sort": "DELF",
"type": "DELF"
},
{
"display": "DALF",
"filter": "DALF",
"sort": "DALF",
"type": "DALF"
},
{
"display": "Mexican Cooking Class",
"filter": "Mexican Cooking Class",
"sort": "Mexican Cooking Class",
"type": "Mexican Cooking Class"
},
{
"display": "PET",
"filter": "PET",
"sort": "PET",
"type": "PET"
},
{
"display": "KET",
"filter": "KET",
"sort": "KET",
"type": "KET"
},
{
"display": "FCE",
"filter": "FCE",
"sort": "FCE",
"type": "FCE"
},
{
"display": "IELTS",
"filter": "IELTS",
"sort": "IELTS",
"type": "IELTS"
},
{
"display": "CILS",
"filter": "CILS",
"sort": "CILS",
"type": "CILS"
},
{
"display": "TOEFL",
"filter": "TOEFL",
"sort": "TOEFL",
"type": "TOEFL"
},
{
"display": "HSK",
"filter": "HSK",
"sort": "HSK",
"type": "HSK"
},
{
"display": "TOCFL",
"filter": "TOCFL",
"sort": "TOCFL",
"type": "TOCFL"
},
{
"display": "English for Speaking on the Phone",
"filter": "English for Speaking on the Phone",
"sort": "English for Speaking on the Phone",
"type": "English for Speaking on the Phone"
},
{
"display": "CV Review and Interview Preparation",
"filter": "CV Review and Interview Preparation",
"sort": "CV Review and Interview Preparation",
"type": "CV Review and Interview Preparation"
},
{
"display": "Giving Presentations in English",
"filter": "Giving Presentations in English",
"sort": "Giving Presentations in English",
"type": "Giving Presentations in English"
},
{
"display": "English for Technology Professionals",
"filter": "English for Technology Professionals",
"sort": "English for Technology Professionals",
"type": "English for Technology Professionals"
},
{
"display": "KPE",
"filter": "KPE",
"sort": "KPE",
"type": "KPE"
},
{
"display": "TOPIK",
"filter": "TOPIK",
"sort": "TOPIK",
"type": "TOPIK"
},
{
"display": "TORFL",
"filter": "TORFL",
"sort": "TORFL",
"type": "TORFL"
},
{
"display": "English for Banks and Finance",
"filter": "English for Banks and Finance",
"sort": "English for Banks and Finance",
"type": "English for Banks and Finance"
},
{
"display": "English for Medical Professionals",
"filter": "English for Medical Professionals",
"sort": "English for Medical Professionals",
"type": "English for Medical Professionals"
},
{
"display": "English for Tour Guides",
"filter": "English for Tour Guides",
"sort": "English for Tour Guides",
"type": "English for Tour Guides"
},
{
"display": "English for Police and Law Enforcement",
"filter": "English for Police and Law Enforcement",
"sort": "English for Police and Law Enforcement",
"type": "English for Police and Law Enforcement"
},
{
"display": "English for Airline Staff",
"filter": "English for Airline Staff",
"sort": "English for Airline Staff",
"type": "English for Airline Staff"
},
{
"display": "English for Food and Drink Staff",
"filter": "English for Food and Drink Staff",
"sort": "English for Food and Drink Staff",
"type": "English for Food and Drink Staff"
},
{
"display": "English for Hotel Staff",
"filter": "English for Hotel Staff",
"sort": "English for Hotel Staff",
"type": "English for Hotel Staff"
},
{
"display": "Business Correspondence Course",
"filter": "Business Correspondence Course",
"sort": "Business Correspondence Course",
"type": "Business Correspondence Course"
},
{
"display": "English for Aviation Professionals",
"filter": "English for Aviation Professionals",
"sort": "English for Aviation Professionals",
"type": "English for Aviation Professionals"
},
{
"display": "English for Human Resources",
"filter": "English for Human Resources",
"sort": "English for Human Resources",
"type": "English for Human Resources"
},
{
"display": "PLE",
"filter": "PLE",
"sort": "PLE",
"type": "PLE"
},
{
"display": "English for Cashiers",
"filter": "English for Cashiers",
"sort": "English for Cashiers",
"type": "English for Cashiers"
},
{
"display": "Meetings in English",
"filter": "Meetings in English",
"sort": "Meetings in English",
"type": "Meetings in English"
},
{
"display": "Negotiations in English",
"filter": "Negotiations in English",
"sort": "Negotiations in English",
"type": "Negotiations in English"
},
{
"display": "English for Marketing",
"filter": "English for Marketing",
"sort": "English for Marketing",
"type": "English for Marketing"
},
{
"display": "Goethe Zertifikat",
"filter": "Goethe Zertifikat",
"sort": "Goethe Zertifikat",
"type": "Goethe Zertifikat"
},
{
"display": "TOEIC",
"filter": "TOEIC",
"sort": "TOEIC",
"type": "TOEIC"
},
{
"display": "CPE",
"filter": "CPE",
"sort": "CPE",
"type": "CPE"
},
{
"display": "BEC",
"filter": "BEC",
"sort": "BEC",
"type": "BEC"
},
{
"display": "EIKEN",
"filter": "EIKEN",
"sort": "EIKEN",
"type": "EIKEN"
},
{
"display": "GMAT Verbal",
"filter": "GMAT Verbal",
"sort": "GMAT Verbal",
"type": "GMAT Verbal"
},
{
"display": "TKT",
"filter": "TKT",
"sort": "TKT",
"type": "TKT"
},
{
"display": "JLPT",
"filter": "JLPT",
"sort": "JLPT",
"type": "JLPT"
},
{
"display": "BJT",
"filter": "BJT",
"sort": "BJT",
"type": "BJT"
},
{
"display": " Zertifikat Deutsch",
"filter": " Zertifikat Deutsch",
"sort": " Zertifikat Deutsch",
"type": " Zertifikat Deutsch"
},
{
"display": "ALPT",
"filter": "ALPT",
"sort": "ALPT",
"type": "ALPT"
},
{
"display": "EJU",
"filter": "EJU",
"sort": "EJU",
"type": "EJU"
}
],
"bins": {
"": 96,
"DELE": 54,
"ECELE": 12,
"Custom Professional": 26,
"Spanish for Tourists": 60,
"Spanish for Business": 46,
"Spanish for Medical": 25,
"Spanish for Teachers": 52,
"Spanish for Priests": 19,
"DELF": 14,
"DALF": 10,
"Mexican Cooking Class": 16,
"PET": 12,
"KET": 9,
"FCE": 13,
"IELTS": 18,
"CILS": 6,
"TOEFL": 21,
"HSK": 14,
"TOCFL": 6,
"English for Speaking on the Phone": 16,
"CV Review and Interview Preparation": 19,
"Giving Presentations in English": 16,
"English for Technology Professionals": 6,
"KPE": 4,
"TOPIK": 7,
"TORFL": 3,
"English for Banks and Finance": 8,
"English for Medical Professionals": 5,
"English for Tour Guides": 13,
"English for Police and Law Enforcement": 3,
"English for Airline Staff": 9,
"English for Food and Drink Staff": 14,
"English for Hotel Staff": 13,
"Business Correspondence Course": 10,
"English for Aviation Professionals": 3,
"English for Human Resources": 7,
"PLE": 6,
"English for Cashiers": 7,
"Meetings in English": 12,
"Negotiations in English": 11,
"English for Marketing": 8,
"Goethe Zertifikat": 5,
"TOEIC": 12,
"CPE": 5,
"BEC": 5,
"EIKEN": 5,
"GMAT Verbal": 7,
"TKT": 2,
"JLPT": 10,
"BJT": 4,
" Zertifikat Deutsch": 2,
"ALPT": 6,
"EJU": 3
},
"id": 4,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": []
},
{
"arrayFilter": [
{
"display": "Children",
"filter": "Children",
"sort": "Children",
"type": "Children"
},
{
"display": "Adolescents",
"filter": "Adolescents",
"sort": "Adolescents",
"type": "Adolescents"
},
{
"display": "College",
"filter": "College",
"sort": "College",
"type": "College"
},
{
"display": "Adults",
"filter": "Adults",
"sort": "Adults",
"type": "Adults"
},
{
"display": "Seniors",
"filter": "Seniors",
"sort": "Seniors",
"type": "Seniors"
},
{
"display": "",
"filter": "",
"sort": "",
"type": ""
}
],
"bins": {
"Children": 161,
"Adolescents": 230,
"College": 261,
"Adults": 265,
"Seniors": 243,
"": 3
},
"id": 5,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": []
},
{
"arrayFilter": [
{
"display": "France",
"filter": "France",
"sort": "France",
"type": "France"
},
{
"display": "Sierra Leone",
"filter": "Sierra Leone",
"sort": "Sierra Leone",
"type": "Sierra Leone"
},
{
"display": "Spain",
"filter": "Spain",
"sort": "Spain",
"type": "Spain"
},
{
"display": "Mexico",
"filter": "Mexico",
"sort": "Mexico",
"type": "Mexico"
},
{
"display": "South Africa",
"filter": "South Africa",
"sort": "South Africa",
"type": "South Africa"
},
{
"display": "Italy",
"filter": "Italy",
"sort": "Italy",
"type": "Italy"
},
{
"display": "United Kingdom",
"filter": "United Kingdom",
"sort": "United Kingdom",
"type": "United Kingdom"
},
{
"display": "Venezuela",
"filter": "Venezuela",
"sort": "Venezuela",
"type": "Venezuela"
},
{
"display": "USA",
"filter": "USA",
"sort": "USA",
"type": "USA"
},
{
"display": "China",
"filter": "China",
"sort": "China",
"type": "China"
},
{
"display": "Peru",
"filter": "Peru",
"sort": "Peru",
"type": "Peru"
},
{
"display": "Korea, South",
"filter": "Korea, South",
"sort": "Korea, South",
"type": "Korea, South"
},
{
"display": "Taiwan",
"filter": "Taiwan",
"sort": "Taiwan",
"type": "Taiwan"
},
{
"display": "Latvia",
"filter": "Latvia",
"sort": "Latvia",
"type": "Latvia"
},
{
"display": "Colombia",
"filter": "Colombia",
"sort": "Colombia",
"type": "Colombia"
},
{
"display": "Egypt",
"filter": "Egypt",
"sort": "Egypt",
"type": "Egypt"
},
{
"display": "Portugal",
"filter": "Portugal",
"sort": "Portugal",
"type": "Portugal"
},
{
"display": "Canada",
"filter": "Canada",
"sort": "Canada",
"type": "Canada"
},
{
"display": "Germany",
"filter": "Germany",
"sort": "Germany",
"type": "Germany"
},
{
"display": "Syria",
"filter": "Syria",
"sort": "Syria",
"type": "Syria"
},
{
"display": "Argentina",
"filter": "Argentina",
"sort": "Argentina",
"type": "Argentina"
},
{
"display": "Ecuador",
"filter": "Ecuador",
"sort": "Ecuador",
"type": "Ecuador"
},
{
"display": "Japan",
"filter": "Japan",
"sort": "Japan",
"type": "Japan"
},
{
"display": "Australia",
"filter": "Australia",
"sort": "Australia",
"type": "Australia"
},
{
"display": "Costa Rica",
"filter": "Costa Rica",
"sort": "Costa Rica",
"type": "Costa Rica"
},
{
"display": "Brazil",
"filter": "Brazil",
"sort": "Brazil",
"type": "Brazil"
},
{
"display": "Guatemala",
"filter": "Guatemala",
"sort": "Guatemala",
"type": "Guatemala"
},
{
"display": "Russia",
"filter": "Russia",
"sort": "Russia",
"type": "Russia"
},
{
"display": "Austria",
"filter": "Austria",
"sort": "Austria",
"type": "Austria"
},
{
"display": "Morocco",
"filter": "Morocco",
"sort": "Morocco",
"type": "Morocco"
},
{
"display": "Jordan",
"filter": "Jordan",
"sort": "Jordan",
"type": "Jordan"
},
{
"display": "Yemen",
"filter": "Yemen",
"sort": "Yemen",
"type": "Yemen"
},
{
"display": "Ukraine",
"filter": "Ukraine",
"sort": "Ukraine",
"type": "Ukraine"
},
{
"display": "Guadeloupe",
"filter": "Guadeloupe",
"sort": "Guadeloupe",
"type": "Guadeloupe"
},
{
"display": "Uruguay",
"filter": "Uruguay",
"sort": "Uruguay",
"type": "Uruguay"
}
],
"bins": {
"France": 22,
"Sierra Leone": 2,
"Spain": 19,
"Mexico": 54,
"South Africa": 2,
"Italy": 14,
"United Kingdom": 10,
"Venezuela": 6,
"USA": 21,
"China": 20,
"Peru": 1,
"Korea, South": 18,
"Taiwan": 5,
"Latvia": 1,
"Colombia": 7,
"Egypt": 4,
"Portugal": 4,
"Canada": 4,
"Germany": 9,
"Syria": 3,
"Argentina": 3,
"Ecuador": 1,
"Japan": 12,
"Australia": 2,
"Costa Rica": 2,
"Brazil": 7,
"Guatemala": 2,
"Russia": 6,
"Austria": 3,
"Morocco": 1,
"Jordan": 1,
"Yemen": 1,
"Ukraine": 1,
"Guadeloupe": 1,
"Uruguay": 1
},
"id": 6,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": []
},
{
"arrayFilter": [
{
"display": "France",
"filter": "France",
"sort": "France",
"type": "France"
},
{
"display": "Wallis and Futuna",
"filter": "Wallis and Futuna",
"sort": "Wallis and Futuna",
"type": "Wallis and Futuna"
},
{
"display": "Spain",
"filter": "Spain",
"sort": "Spain",
"type": "Spain"
},
{
"display": "Mexico",
"filter": "Mexico",
"sort": "Mexico",
"type": "Mexico"
},
{
"display": "Slovakia",
"filter": "Slovakia",
"sort": "Slovakia",
"type": "Slovakia"
},
{
"display": "Poland",
"filter": "Poland",
"sort": "Poland",
"type": "Poland"
},
{
"display": "Yugoslavia",
"filter": "Yugoslavia",
"sort": "Yugoslavia",
"type": "Yugoslavia"
},
{
"display": "South Africa",
"filter": "South Africa",
"sort": "South Africa",
"type": "South Africa"
},
{
"display": "Italy",
"filter": "Italy",
"sort": "Italy",
"type": "Italy"
},
{
"display": "USA",
"filter": "USA",
"sort": "USA",
"type": "USA"
},
{
"display": "Colombia",
"filter": "Colombia",
"sort": "Colombia",
"type": "Colombia"
},
{
"display": "Ecuador",
"filter": "Ecuador",
"sort": "Ecuador",
"type": "Ecuador"
},
{
"display": "Peru",
"filter": "Peru",
"sort": "Peru",
"type": "Peru"
},
{
"display": "Korea, South",
"filter": "Korea, South",
"sort": "Korea, South",
"type": "Korea, South"
},
{
"display": "Thailand",
"filter": "Thailand",
"sort": "Thailand",
"type": "Thailand"
},
{
"display": "Taiwan",
"filter": "Taiwan",
"sort": "Taiwan",
"type": "Taiwan"
},
{
"display": "United Kingdom",
"filter": "United Kingdom",
"sort": "United Kingdom",
"type": "United Kingdom"
},
{
"display": "Trinidad",
"filter": "Trinidad",
"sort": "Trinidad",
"type": "Trinidad"
},
{
"display": "China",
"filter": "China",
"sort": "China",
"type": "China"
},
{
"display": "Germany",
"filter": "Germany",
"sort": "Germany",
"type": "Germany"
},
{
"display": "Venezuela",
"filter": "Venezuela",
"sort": "Venezuela",
"type": "Venezuela"
},
{
"display": "Dominican Republic",
"filter": "Dominican Republic",
"sort": "Dominican Republic",
"type": "Dominican Republic"
},
{
"display": "Egypt",
"filter": "Egypt",
"sort": "Egypt",
"type": "Egypt"
},
{
"display": "Portugal",
"filter": "Portugal",
"sort": "Portugal",
"type": "Portugal"
},
{
"display": "Czech Republic",
"filter": "Czech Republic",
"sort": "Czech Republic",
"type": "Czech Republic"
},
{
"display": "Syria",
"filter": "Syria",
"sort": "Syria",
"type": "Syria"
},
{
"display": "Argentina",
"filter": "Argentina",
"sort": "Argentina",
"type": "Argentina"
},
{
"display": "Canada",
"filter": "Canada",
"sort": "Canada",
"type": "Canada"
},
{
"display": "Indonesia",
"filter": "Indonesia",
"sort": "Indonesia",
"type": "Indonesia"
},
{
"display": "Chile",
"filter": "Chile",
"sort": "Chile",
"type": "Chile"
},
{
"display": "Japan",
"filter": "Japan",
"sort": "Japan",
"type": "Japan"
},
{
"display": "Ireland",
"filter": "Ireland",
"sort": "Ireland",
"type": "Ireland"
},
{
"display": "Brazil",
"filter": "Brazil",
"sort": "Brazil",
"type": "Brazil"
},
{
"display": "Guatemala",
"filter": "Guatemala",
"sort": "Guatemala",
"type": "Guatemala"
},
{
"display": "Philippines",
"filter": "Philippines",
"sort": "Philippines",
"type": "Philippines"
},
{
"display": "Ukraine",
"filter": "Ukraine",
"sort": "Ukraine",
"type": "Ukraine"
},
{
"display": "Switzerland",
"filter": "Switzerland",
"sort": "Switzerland",
"type": "Switzerland"
},
{
"display": "Singapore",
"filter": "Singapore",
"sort": "Singapore",
"type": "Singapore"
},
{
"display": "Australia",
"filter": "Australia",
"sort": "Australia",
"type": "Australia"
},
{
"display": "Netherlands",
"filter": "Netherlands",
"sort": "Netherlands",
"type": "Netherlands"
},
{
"display": "Russia",
"filter": "Russia",
"sort": "Russia",
"type": "Russia"
},
{
"display": "Macau",
"filter": "Macau",
"sort": "Macau",
"type": "Macau"
},
{
"display": "Greece",
"filter": "Greece",
"sort": "Greece",
"type": "Greece"
},
{
"display": "Morocco",
"filter": "Morocco",
"sort": "Morocco",
"type": "Morocco"
},
{
"display": "Jordan",
"filter": "Jordan",
"sort": "Jordan",
"type": "Jordan"
},
{
"display": "Yemen",
"filter": "Yemen",
"sort": "Yemen",
"type": "Yemen"
},
{
"display": "Kazakhstan",
"filter": "Kazakhstan",
"sort": "Kazakhstan",
"type": "Kazakhstan"
},
{
"display": "Uruguay",
"filter": "Uruguay",
"sort": "Uruguay",
"type": "Uruguay"
}
],
"bins": {
"France": 11,
"Wallis and Futuna": 2,
"Spain": 20,
"Mexico": 65,
"Slovakia": 2,
"Poland": 2,
"Yugoslavia": 1,
"South Africa": 2,
"Italy": 8,
"USA": 31,
"Colombia": 9,
"Ecuador": 2,
"Peru": 1,
"Korea, South": 5,
"Thailand": 5,
"Taiwan": 5,
"United Kingdom": 8,
"Trinidad": 1,
"China": 12,
"Germany": 8,
"Venezuela": 1,
"Dominican Republic": 1,
"Egypt": 4,
"Portugal": 5,
"Czech Republic": 1,
"Syria": 2,
"Argentina": 4,
"Canada": 7,
"Indonesia": 2,
"Chile": 2,
"Japan": 4,
"Ireland": 2,
"Brazil": 8,
"Guatemala": 3,
"Philippines": 2,
"Ukraine": 2,
"Switzerland": 2,
"Singapore": 1,
"Australia": 3,
"Netherlands": 1,
"Russia": 5,
"Macau": 1,
"Greece": 2,
"Morocco": 1,
"Jordan": 1,
"Yemen": 1,
"Kazakhstan": 1,
"Uruguay": 1
},
"id": 7,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": []
},
{
"arrayFilter": [
{
"display": "French",
"filter": "French",
"sort": "French",
"type": "French"
},
{
"display": "English",
"filter": "English",
"sort": "English",
"type": "English"
},
{
"display": "Spanish",
"filter": "Spanish",
"sort": "Spanish",
"type": "Spanish"
},
{
"display": "Italian",
"filter": "Italian",
"sort": "Italian",
"type": "Italian"
},
{
"display": "Chinese",
"filter": "Chinese",
"sort": "Chinese",
"type": "Chinese"
},
{
"display": "Korean",
"filter": "Korean",
"sort": "Korean",
"type": "Korean"
},
{
"display": "Russian",
"filter": "Russian",
"sort": "Russian",
"type": "Russian"
},
{
"display": "Arabic",
"filter": "Arabic",
"sort": "Arabic",
"type": "Arabic"
},
{
"display": "Portuguese",
"filter": "Portuguese",
"sort": "Portuguese",
"type": "Portuguese"
},
{
"display": "German",
"filter": "German",
"sort": "German",
"type": "German"
},
{
"display": "Japanese",
"filter": "Japanese",
"sort": "Japanese",
"type": "Japanese"
}
],
"bins": {
"French": 26,
"English": 40,
"Spanish": 100,
"Italian": 14,
"Chinese": 26,
"Korean": 19,
"Russian": 9,
"Arabic": 11,
"Portuguese": 12,
"German": 14,
"Japanese": 13
},
"id": 3,
"order": [
[
1,
"desc"
]
],
"searchTerm": "",
"selected": [
"English"
]
},
{
"arrayFilter": [
{
"display": "",
"filter": "",
"sort": "",
"type": ""
},
{
"display": "DELE",
"filter": "DELE",
"sort": "DELE",
"type": "DELE"
},
{
"display": "ECELE",
"filter": "ECELE",
"sort": "ECELE",
"type": "ECELE"
},
{
"display": "Custom Professional",
"filter": "Custom Professional",
"sort": "Custom Professional",
"type": "Custom Professional"
},
{
"display": "Spanish for Tourists",
"filter": "Spanish for Tourists",
"sort": "Spanish for Tourists",
"type": "Spanish for Tourists"
},
{
"display": "Spanish for Business",
"filter": "Spanish for Business",
"sort": "Spanish for Business",
"type": "Spanish for Business"
},
{
"display": "Spanish for Medical",
"filter": "Spanish for Medical",
"sort": "Spanish for Medical",
"type": "Spanish for Medical"
},
{
"display": "Spanish for Teachers",
"filter": "Spanish for Teachers",
"sort": "Spanish for Teachers",
"type": "Spanish for Teachers"
},
{
"display": "Spanish for Priests",
"filter": "Spanish for Priests",
"sort": "Spanish for Priests",
"type": "Spanish for Priests"
},
{
"display": "DELF",
"filter": "DELF",
"sort": "DELF",
"type": "DELF"
},
{
"display": "DALF",
"filter": "DALF",
"sort": "DALF",
"type": "DALF"
},
{
"display": "Mexican Cooking Class",
"filter": "Mexican Cooking Class",
"sort": "Mexican Cooking Class",
"type": "Mexican Cooking Class"
},
{
"display": "PET",
"filter": "PET",
"sort": "PET",
"type": "PET"
},
{
"display": "KET",
"filter": "KET",
"sort": "KET",
"type": "KET"
},
{
"display": "FCE",
"filter": "FCE",
"sort": "FCE",
"type": "FCE"
},
{
"display": "IELTS",
"filter": "IELTS",
"sort": "IELTS",
"type": "IELTS"
},
{
"display": "CILS",
"filter": "CILS",
"sort": "CILS",
"type": "CILS"
},
{
"display": "TOEFL",
"filter": "TOEFL",
"sort": "TOEFL",
"type": "TOEFL"
},
{
"display": "HSK",
"filter": "HSK",
"sort": "HSK",
"type": "HSK"
},
{
"display": "TOCFL",
"filter": "TOCFL",
"sort": "TOCFL",
"type": "TOCFL"
},
{
"display": "English for Speaking on the Phone",
"filter": "English for Speaking on the Phone",
"sort": "English for Speaking on the Phone",
"type": "English for Speaking on the Phone"
},
{
"display": "CV Review and Interview Preparation",
"filter": "CV Review and Interview Preparation",
"sort": "CV Review and Interview Preparation",
"type": "CV Review and Interview Preparation"
},
{
"display": "Giving Presentations in English",
"filter": "Giving Presentations in English",
"sort": "Giving Presentations in English",
"type": "Giving Presentations in English"
},
{
"display": "English for Technology Professionals",
"filter": "English for Technology Professionals",
"sort": "English for Technology Professionals",
"type": "English for Technology Professionals"
},
{
"display": "KPE",
"filter": "KPE",
"sort": "KPE",
"type": "KPE"
},
{
"display": "TOPIK",
"filter": "TOPIK",
"sort": "TOPIK",
"type": "TOPIK"
},
{
"display": "TORFL",
"filter": "TORFL",
"sort": "TORFL",
"type": "TORFL"
},
{
"display": "English for Banks and Finance",
"filter": "English for Banks and Finance",
"sort": "English for Banks and Finance",
"type": "English for Banks and Finance"
},
{
"display": "English for Medical Professionals",
"filter": "English for Medical Professionals",
"sort": "English for Medical Professionals",
"type": "English for Medical Professionals"
},
{
"display": "English for Tour Guides",
"filter": "English for Tour Guides",
"sort": "English for Tour Guides",
"type": "English for Tour Guides"
},
{
"display": "English for Police and Law Enforcement",
"filter": "English for Police and Law Enforcement",
"sort": "English for Police and Law Enforcement",
"type": "English for Police and Law Enforcement"
},
{
"display": "English for Airline Staff",
"filter": "English for Airline Staff",
"sort": "English for Airline Staff",
"type": "English for Airline Staff"
},
{
"display": "English for Food and Drink Staff",
"filter": "English for Food and Drink Staff",
"sort": "English for Food and Drink Staff",
"type": "English for Food and Drink Staff"
},
{
"display": "English for Hotel Staff",
"filter": "English for Hotel Staff",
"sort": "English for Hotel Staff",
"type": "English for Hotel Staff"
},
{
"display": "Business Correspondence Course",
"filter": "Business Correspondence Course",
"sort": "Business Correspondence Course",
"type": "Business Correspondence Course"
},
{
"display": "English for Aviation Professionals",
"filter": "English for Aviation Professionals",
"sort": "English for Aviation Professionals",
"type": "English for Aviation Professionals"
},
{
"display": "English for Human Resources",
"filter": "English for Human Resources",
"sort": "English for Human Resources",
"type": "English for Human Resources"
},
{
"display": "PLE",
"filter": "PLE",
"sort": "PLE",
"type": "PLE"
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue with DataTables SearchPanes, stateSave enabled, and the shown vue-datatables-net configuration. Trace how clearing the SearchPanes selection updates the saved state; done means clearing all filters leaves no selected pane after the table is reloaded.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100