test
.pio-table-container {
max-width: 100%;
overflow-x: auto;
margin: 1em 0;
}
.pio-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
}
.pio-table thead th {
background: #0073aa;
color: #fff;
padding: .75em;
position: sticky;
top: 0;
z-index: 1;
}
.pio-table tbody tr {
border-bottom: 1px solid #ddd;
}
.pio-table td {
padding: .5em;
vertical-align: top;
}
.contact-info i {
margin-right: .25em;
color: #555;
}
.search-input {
width: 100%;
max-width: 400px;
padding: .5em;
margin-bottom: 1em;
border: 1px solid #ccc;
border-radius: 4px;
}
@media (max-width: 768px) {
.pio-table thead {
display: none;
}
.pio-table tbody tr {
display: block;
margin-bottom: 1em;
}
.pio-table tbody td {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: .5em;
border: 1px solid #ddd;
border-radius: 4px;
padding: .5em;
}
.pio-table tbody td::before {
content: attr(data-label);
font-weight: bold;
grid-column: 1/-1;
}
}
const pioData = [
{no:'1.', department:'Office of District Magistrate, Banka', pio:{title:'District Magistrate, Banka', email:'dm_banka.bih@nic.in', phone:'9473191387', pin:'813102'}, appellate:{title:'Commissioner, Bhagalpur Division, Bhagalpur', email:'divcom_bhg_bih@nic.in', phone:'9473191433', pin:'812001'}},
{no:'2.', department:'Office of Additional Collector, Banka', pio:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}, appellate:{title:'District Magistrate, Banka', email:'dm_banka.bih@nic.in', phone:'9473191387', pin:'813102'}},
{no:'3.', department:'Office of Panchayati Raj, Banka', pio:{title:'District Panchayati Raj Officer, Banka', email:'dpro-ba-bih@nic.in', phone:'7683017974', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'4.', department:'Office of Deputy Development Commissioner', pio:{title:'Deputy Development Commissioner, Banka', email:'ddc-banka-bih@nic.in', phone:'9431818375', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'5.', department:'District Supply Office, Banka', pio:{title:'District Supply Office, Banka', email:'dsobanka1@gmail.com', phone:'9430427585', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'6.', department:'Sub Divisional, Office', pio:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'7.', department:'Sub Divisional, Office', pio:{title:'District Land Acquisition Officer, Banka', email:'dlao.banka@yahoo.com', phone:'9334878850', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'8.', department:'Social Security Office, Banka', pio:{title:'Additional Director Social Security', email:'adssbanka@gmail.com', phone:'8969434098', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'9.', department:'District Land Acquisition Office, Banka', pio:{title:'District Land Acquisition Officer, Banka', email:'dlao.banka@yahoo.com', phone:'9334878850', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'10.', department:'District General Section, Banka', pio:{title:'In charge Officer District General Section, Banka', email:'generalsectionbanka@gmail.com', phone:'', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'11.', department:'District Arms Section, Banka', pio:{title:'In charge Officer District Arms Section, Banka', email:'armssectionbanka@gmail.com', phone:'', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'12.', department:'District Election Officer, Banka', pio:{title:'Dy. District Election Officer, Banka', email:'dyeobanka@yahoo.com', phone:'8544429877', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'13.', department:'District Child Protection Unit, Banka', pio:{title:'District Child Protection Unit Officer, Banka', email:'adcpbanka@gmail.com', phone:'9835657900', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'14.', department:'District Nazarat Section, Banka', pio:{title:'Nazarat Deputy Collector, Banka', email:'ndcbanka@gmail.com', phone:'9334878850', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'15.', department:'District Legal Section, Banka', pio:{title:'In charge Officer District Legal Section, Banka', email:'legalsec.banka-bih@gov.in', phone:'', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'16.', department:'District Welfare Office, Banka', pio:{title:'District Welfare Officer, Banka', email:'dwo-ban-bih@nic.in', phone:'9431878131', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'17.', department:'District Establishment Office, Banka', pio:{title:'Establishment Deputy Collector, Banka', email:'edc.banka@gmail.com', phone:'6202751021', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'18.', department:'District Disaster Management, Office Banka', pio:{title:'In charge Officer Disaster Management Banka', email:'deoc-banka@bihar.gov.in', phone:'', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'19.', department:'District Record Office, Banka', pio:{title:'In charge Officer Record Office, Banka', email:'', phone:'8210438679', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'20.', department:'District Public Grievance Redressal Office, Banka', pio:{title:'District Public Grievance Redressal Officer, Banka', email:'admpgrobanka@gmail.com', phone:'8544423663', pin:'813102'}, appellate:{title:'Secretary to Commissioner, Bhagalpur Division, Bhagalpur', email:'divcom-bhg-bih@nic.in', phone:'916412400501', pin:'812001'}},
{no:'21.', department:'Sub Divisional Public Grievance Redressal Office, Banka', pio:{title:'Sub Divisional Grievance Redressal Officer, Banka', email:'spgrobanka@gmail.com', phone:'8544423664', pin:'813102'}, appellate:{title:'District Public Grievance Redressal Officer, Banka', email:'admpgrobanka@gmail.com', phone:'8544423663', pin:'813102'}},
{no:'22.', department:'District Treasury Office, Banka', pio:{title:'Sr. Treasury Officer, Banka', email:'to-banka@bihar.gov.in', phone:'9471200127', pin:'813102'}, appellate:{title:'District Magistrate, Banka', email:'dm_banka.bih@nic.in', phone:'9473191387', pin:'813102'}},
{no:'23.', department:'District Minority Welfare Office, Banka', pio:{title:'District Minority Welfare Officer, Banka', email:'dmwo.ban-bih@nic.in', phone:'6287594804', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'24.', department:'District Statical Office, Banka', pio:{title:'District Statical Officer, Banka', email:'dsobanka@yahoo.com', phone:'8757300150', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'25.', department:'District Program Office, Banka', pio:{title:'District Program Officer, Banka', email:'bankadpo@gmail.com', phone:'9431005052', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'26.', department:'District Mining Office, Banka', pio:{title:'District Mining Officer, Banka', email:'miningoffice.banka@gmail.com', phone:'9122368591', pin:'813102'}, appellate:{title:'', email:'ddmbgp@gmail.com', phone:'7781044723', pin:'813102'}},
{no:'27.', department:'District Transport Office, Banka', pio:{title:'District Transport Officer, Banka', email:'dto_banka_bih@nic.in', phone:'6202751021', pin:'813102'}, appellate:{title:'Additional Collector, Banka', email:'ac-banka-bih@gov.in', phone:'9473191388', pin:'813102'}},
{no:'28.', department:'Circle Office, Banka', pio:{title:'Circle Officer, Banka', email:'co.ban-ba-bih@gov.in', phone:'8544412434', pin:'813102'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'29.', department:'Circle Office, Barahat', pio:{title:'Circle Officer, Barahat', email:'co.bar-ba-bih@gov.in', phone:'8544412435', pin:'813103'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'30.', department:'Circle Office, Bounsi', pio:{title:'Circle Officer, Bounsi', email:'co.bau-ba-bih@gov.in', phone:'8544412437', pin:'813104'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'31.', department:'Circle Office, Rajoun', pio:{title:'Circle Officer, Rajoun', email:'co.raj-ba-bih@gov.in', phone:'8544412442', pin:'813107'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'32.', department:'Circle Office, Shambhuganj', pio:{title:'Circle Officer, Shambhuganj', email:'co.sha-ba-bih@gov.in', phone:'8544412443', pin:'813211'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'33.', department:'Circle Office, Fullidumer', pio:{title:'Circle Officer, Fullidumar', email:'co.phu-ba-bih@gov.in', phone:'8544412441', pin:'813207'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'34.', department:'Circle Office, Belhar', pio:{title:'Circle Officer, Belhar', email:'co.bel-ba-bih@gov.in', phone:'8544412436', pin:'813202'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}},
{no:'35.', department:'Circle Office, Amarpur', pio:{title:'Circle Officer, Amarpur', email:'co.ama-ba-bih@gov.in', phone:'8544412433', pin:'813101'}, appellate:{title:'Sub Divisional Officer, Banka', email:'sdo-banka-bih@nic.in', phone:'9473191389', pin:'813102'}}
];
function renderTable(data){
const tbody = document.getElementById('pio-body');
tbody.innerHTML = '';
data.forEach(item => {
const row = document.createElement('tr');
row.innerHTML = `
${item.no}
${item.department}
${item.pio.title}
${item.pio.email ? ` ${item.pio.email}
` : ''} ${item.pio.phone ? ` ${item.pio.phone}
` : ''} ${item.pio.pin}
${item.appellate.title || ''}
${item.appellate.email ? ` ${item.appellate.email}
` : ''} ${item.appellate.phone ? ` ${item.appellate.phone}
` : ''} ${item.appellate.pin || ''} `;
tbody.appendChild(row);
});
}
function enableFilter(){
const input = document.getElementById('filter');
input.addEventListener('input', () => {
const term = input.value.toLowerCase();
document.querySelectorAll('#pio-body tr').forEach(r=>{
r.style.display = r.innerText.toLowerCase().includes(term) ? '' : 'none';
});
});
}
renderTable(pioData);
enableFilter();
| # | Department / Office | Public Info Officer | First Appellate Authority |
|---|
${item.pio.email ? ` ${item.pio.email}
` : ''} ${item.pio.phone ? ` ${item.pio.phone}
` : ''} ${item.pio.pin}
${item.appellate.email ? ` ${item.appellate.email}
` : ''} ${item.appellate.phone ? ` ${item.appellate.phone}
` : ''} ${item.appellate.pin || ''}