Modern Layout for Data<\/title>\n<style>\n \/* Pagination styles *\/\n .pagination-container {\n margin-top: 10px;\n text-align: center;\n display: flex;\n justify-content: flex-end;\n align-items: baseline;\n flex-direction: row;\n flex-wrap: nowrap;\n align-content: space-around;\n margin-left: 10px;\n margin-right: 10px;\n\n}\n }\n \n\n .pagination-container a,\n .pagination-container span {\n display: inline-block;\n padding: 4px 10px 4px 8px;\n margin-right: 5px;\n border: 1px solid #ddd;\n background-color: #f9f9f9;\n color: #333;\n text-decoration: none;\n border-radius: 100px;\n }\n\n.pagination-container>a{\n \n\ncolor: #043E87;\n padding-left: 8px;\n border: 1px solid;\n border-radius: 100px;\n padding-right: 8px;\n padding-top: 4px;\n padding-bottom: 2px;\n margin: 3px;\n}\n\n\n\n\n\n .pagination-container a:hover {\n background-color: #043E87;\n color: #fff;\n }\n\n .pagination-container a.active,\n .pagination-container span.active {\n background-color: #007bff;\n color: #fff;\n padding: 4px 10px 4px 8px;\n border-radius: 100px;\n }\n\n \/* Table styles *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n }\n\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: left;\n }\n\n th {\n background-color: #f2f2f2;\n }\n\n \/* Card styles *\/\n .card-container1 {\n display: none;\n }\n\n .card1 {\n padding: 30px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 5px;\n }\n\n .card-header1 {\n font-size: 0.9em;\n color: #777;\n margin-bottom: 5px;\n }\n\n .card-title1 {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .card-content1 {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n }\n\n .card-link1 {\n text-decoration: none;\n color: white;\n background-color: #007bff;\n padding: 10px 15px;\n border-radius: 5px;\n font-size: 20px;\n }\n .pre{\n padding: 10px!important;\n margin: 10px!important;\n border-radius: 6px!important;\n color: black!important;\n border-color: black!important;\n }\n .pre:hover{background-color: #043e87;\n color: white!important; }\n .th2{\n background-color: #043e87;\n color: white;\n}\n<\/style>\n<\/head>\n<body>\n\n<table id=\"announcement-table\">\n <thead>\n <tr>\n <th class=\"th2\">\u0c16\u0c30\u0c4d\u0c1c\u0c42\u0c30\u0c02<\/th>\n <th class=\"th2\">\u0c2c\u0c3f\u0c30\u0c41\u0c26\u0c41<\/th>\n <th class=\"th2\">\u0c35\u0c38\u0c4d\u0c24\u0c41\u0c35\u0c41<\/th>\n\n <\/tr>\n <\/thead>\n <tbody>\n \n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\">\n <button onclick=\"goToPreviousPage()\">\u0c2e\u0c41\u0c02\u0c26\u0c30\u0c3f<\/button>\n <div id=\"pagination-container\" class=\"pagination-container\">\n \n <\/div>\n <button onclick=\"goToNextPage()\">\u0c24\u0c30\u0c41\u0c35\u0c3e\u0c24 <\/button>\n<\/div>\n\n<script>\n let currentPage = 1;\n const perPage = 7;\n\n \/\/ Function to fetch data and populate the table\n async function fetchData(page = 1) {\n try {\n const response = await fetch(`https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/announcements?page=${page}&per_page=${perPage}`);\n const data = await response.json();\n\n const tableBody = document.querySelector('#announcement-table tbody');\n\n \/\/ Clear existing rows\n tableBody.innerHTML = '';\n\n let showFound = false;\n\n data.forEach((item) => {\n if (item.show_hide === 'hide') {\n showFound = true;\n const row = document.createElement('tr');\n appendCell(row, 'td', new Date(item.date).toLocaleDateString());\n appendCell(row, 'td', item.title.rendered);\n appendDocumentLink(row, item); \/\/ Pass the entire item object\n tableBody.appendChild(row);\n }\n });\n\n if (!showFound) {\n const row = document.createElement('tr');\n const noValueCell = document.createElement('td');\n noValueCell.colSpan = 3;\n noValueCell.textContent = '\u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c4d\u0c38\u0c4d \u0c21\u0c47\u0c1f\u0c3e \u0c05\u0c02\u0c26\u0c41\u0c2c\u0c3e\u0c1f\u0c41\u0c32\u0c4b \u0c32\u0c47\u0c26\u0c41';\n row.appendChild(noValueCell);\n tableBody.appendChild(row);\n }\n\n \/\/ Add pagination\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = '';\n\n const totalPages = response.headers.get('X-WP-TotalPages');\n\n for (let i = 1; i <= totalPages; i++) {\n const pageButton = document.createElement('a');\n pageButton.textContent = i;\n pageButton.href = '#';\n pageButton.addEventListener('click', () => {\n currentPage = i;\n fetchData(i);\n });\n\n if (i === currentPage) {\n pageButton.classList.add('active');\n }\n\n paginationContainer.appendChild(pageButton);\n }\n } catch (error) {\n console.error('Error fetching data:', error);\n }\n }\n\n \/\/ Helper function to append cell to a row\n function appendCell(row, elementType, textContent) {\n const cell = document.createElement(elementType);\n cell.textContent = textContent;\n row.appendChild(cell);\n }\n\n \/\/ Helper function to append document link to a row\n function appendDocumentLink(row, item) {\n const contentCell = document.createElement('td');\n const tempDiv = document.createElement('div');\n tempDiv.innerHTML = item.content.rendered;\n const decodedContent = tempDiv.textContent || tempDiv.innerText;\n const contentPreview = decodedContent.split(' ').slice(0, 30).join(' ') + '...';\n contentCell.textContent = contentPreview;\n row.appendChild(contentCell);\n }\n\n \/\/ Function to handle previous page button click\n function goToPreviousPage() {\n if (currentPage > 1) {\n currentPage--;\n fetchData(currentPage);\n }\n }\n\n \/\/ Function to handle next page button click\n function goToNextPage() {\n currentPage++;\n fetchData(currentPage);\n }\n\n \/\/ Call the fetchData function to populate the table\n fetchData();\n<\/script>\n\n<\/body>\n<\/html>\n\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>\u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c4d\u0c38\u0c4d \u0c21\u0c47\u0c1f\u0c3e \u0c05\u0c02\u0c26\u0c41\u0c2c\u0c3e\u0c1f\u0c41\u0c32\u0c4b \u0c32\u0c47\u0c26\u0c41 Modern Layout for Data \u0c16\u0c30\u0c4d\u0c1c\u0c42\u0c30\u0c02 \u0c2c\u0c3f\u0c30\u0c41\u0c26\u0c41 \u0c35\u0c38\u0c4d\u0c24\u0c41\u0c35\u0c41 \u0c2e\u0c41\u0c02\u0c26\u0c30\u0c3f \u0c24\u0c30\u0c41\u0c35\u0c3e\u0c24<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-14076","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ncfe.org.in\/te\/announcement-archives\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu\" \/>\n<meta property=\"og:description\" content=\"\u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c4d\u0c38\u0c4d \u0c21\u0c47\u0c1f\u0c3e \u0c05\u0c02\u0c26\u0c41\u0c2c\u0c3e\u0c1f\u0c41\u0c32\u0c4b \u0c32\u0c47\u0c26\u0c41 Modern Layout for Data \u0c16\u0c30\u0c4d\u0c1c\u0c42\u0c30\u0c02 \u0c2c\u0c3f\u0c30\u0c41\u0c26\u0c41 \u0c35\u0c38\u0c4d\u0c24\u0c41\u0c35\u0c41 \u0c2e\u0c41\u0c02\u0c26\u0c30\u0c3f \u0c24\u0c30\u0c41\u0c35\u0c3e\u0c24\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/te\/announcement-archives\/\" \/>\n<meta property=\"og:site_name\" content=\"Telugu\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T10:13:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ncfe.org.in\/te\/announcement-archives\/\",\"url\":\"https:\/\/ncfe.org.in\/te\/announcement-archives\/\",\"name\":\"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/te\/#website\"},\"datePublished\":\"2024-04-10T11:32:12+00:00\",\"dateModified\":\"2024-04-29T10:13:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/te\/announcement-archives\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/te\/announcement-archives\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/te\/announcement-archives\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/te\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/te\/#website\",\"url\":\"https:\/\/ncfe.org.in\/te\/\",\"name\":\"Telugu\",\"description\":\"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.\",\"publisher\":{\"@id\":\"https:\/\/ncfe.org.in\/te\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/te\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/te\/#organization\",\"name\":\"Telugu\",\"url\":\"https:\/\/ncfe.org.in\/te\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/te\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"width\":436,\"height\":113,\"caption\":\"Telugu\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/te\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ncfe.org.in\/te\/announcement-archives\/","og_locale":"en_US","og_type":"article","og_title":"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu","og_description":"\u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c4d\u0c38\u0c4d \u0c21\u0c47\u0c1f\u0c3e \u0c05\u0c02\u0c26\u0c41\u0c2c\u0c3e\u0c1f\u0c41\u0c32\u0c4b \u0c32\u0c47\u0c26\u0c41 Modern Layout for Data \u0c16\u0c30\u0c4d\u0c1c\u0c42\u0c30\u0c02 \u0c2c\u0c3f\u0c30\u0c41\u0c26\u0c41 \u0c35\u0c38\u0c4d\u0c24\u0c41\u0c35\u0c41 \u0c2e\u0c41\u0c02\u0c26\u0c30\u0c3f \u0c24\u0c30\u0c41\u0c35\u0c3e\u0c24","og_url":"https:\/\/ncfe.org.in\/te\/announcement-archives\/","og_site_name":"Telugu","article_modified_time":"2024-04-29T10:13:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ncfe.org.in\/te\/announcement-archives\/","url":"https:\/\/ncfe.org.in\/te\/announcement-archives\/","name":"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41 - Telugu","isPartOf":{"@id":"https:\/\/ncfe.org.in\/te\/#website"},"datePublished":"2024-04-10T11:32:12+00:00","dateModified":"2024-04-29T10:13:53+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/te\/announcement-archives\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/te\/announcement-archives\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/te\/announcement-archives\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/te\/"},{"@type":"ListItem","position":2,"name":"\u0c2a\u0c4d\u0c30\u0c15\u0c1f\u0c28\u0c32\u0c41 \u0c06\u0c30\u0c4d\u0c15\u0c48\u0c35\u0c41\u0c32\u0c41"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/te\/#website","url":"https:\/\/ncfe.org.in\/te\/","name":"Telugu","description":"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.","publisher":{"@id":"https:\/\/ncfe.org.in\/te\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/te\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/te\/#organization","name":"Telugu","url":"https:\/\/ncfe.org.in\/te\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/te\/#\/schema\/logo\/image\/","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","width":436,"height":113,"caption":"Telugu"},"image":{"@id":"https:\/\/ncfe.org.in\/te\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/pages\/14076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/comments?post=14076"}],"version-history":[{"count":75,"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/pages\/14076\/revisions"}],"predecessor-version":[{"id":19929,"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/pages\/14076\/revisions\/19929"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/te\/wp-json\/wp\/v2\/media?parent=14076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}