<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Hướng dẫn tùy chỉnh chiều rộng của bảng trên website</title>
<meta name="description" content="Hướng dẫn tùy chỉnh chiều rộng của bảng trên website - Savefile - Tin Tức -...">
<meta name="author" content="NukeViet Gate">
<meta name="copyright" content="NukeViet Gate [info@gate.edu.vn]">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Hướng dẫn tùy chỉnh chiều rộng của bảng trên website">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;admin.pgdhadong.edu.vn&#x002F;savefile&#x002F;Huong-dan&#x002F;Huong-dan-tuy-chinh-chieu-rong-cua-bang-tren-website-43.html">
<meta property="og:site_name" content="NukeViet Gate">
<meta property="og:url" content="https://admin.pgdhadong.edu.vn/savefile/Huong-dan/Huong-dan-tuy-chinh-chieu-rong-cua-bang-tren-website-43.html">
<link rel="shortcut icon" href="https://admin.pgdhadong.edu.vn/favicon.ico">
<link rel="canonical" href="https://admin.pgdhadong.edu.vn/savefile/Huong-dan/Huong-dan-tuy-chinh-chieu-rong-cua-bang-tren-website-43.html">
<link rel="alternate" href="https://admin.pgdhadong.edu.vn/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://admin.pgdhadong.edu.vn/rss/Huong-dan/" title="Tin Tức - Hướng dẫn" type="application/rss+xml">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://admin.pgdhadong.edu.vn/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://admin.pgdhadong.edu.vn/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://admin.pgdhadong.edu.vn/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://admin.pgdhadong.edu.vn/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://admin.pgdhadong.edu.vn/themes/default/css/style.css">
<link rel="stylesheet" href="https://admin.pgdhadong.edu.vn/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://admin.pgdhadong.edu.vn/themes/default/css/news.css">
<link rel="stylesheet" href="https://admin.pgdhadong.edu.vn/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">NukeViet Gate</h2>
		<p class="pull-right"><a title="NukeViet Gate" href="https://admin.pgdhadong.edu.vn/">https://admin.pgdhadong.edu.vn</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Hướng dẫn tùy chỉnh chiều rộng của bảng trên website</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 05/05/2017 14:06</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			Việc căn chỉnh chiều rộng của bảng trên Website luôn là điều khiến người sử dụng cảm thấy khó khăn. Vậy làm thế nào để có thể tùy chỉnh chiều rộng của bảng.
		</div>
		<div id="bodytext" class="clearfix">
			Để có thể tùy chỉnh được chiều rộng của 1 bảng khi đưa lên Website. Việc đầu tiên ta cần phải làm đó là tạo bảng trong bài viết.<br  />
<br  />
<strong>Bước 1:</strong>&nbsp;Tạo bảng trong bài viết. Bằng cách ấn vào biểu tượng&nbsp;<img alt="table" height="28" src="https://admin.pgdhadong.edu.vn/uploads/gate/news/2017_05/table.png" width="25" />&nbsp;. Sau đó sẽ có 1 của sổ hiển thị lên.<br  />
<br  />
<strong>Bước 2: </strong>Điền các thông số của bảng như sau để có thể cho chiều rộng của 1 bảng trong bài viết có thể tự động co dãn kích thước.<br  />
- Số hàng của bảng: Tùy ý điền<br  />
- Số cột của bảng: Tùy ý điền<br  />
- Chiều rộng: Điền <strong>100%&nbsp;</strong>nếu bạn muốn bảng tùy chỉnh được trên Website. Còn nếu điền 1 con số cụ thể như <strong>500&nbsp;</strong>thì mặc định sẽ được hiểu bảng đó luôn luôn có chiều rộng là 500 (Như hình dưới)<br  />
&nbsp;
<div style="text-align:center"><img alt="chitiet" height="432" src="https://admin.pgdhadong.edu.vn/uploads/gate/news/2017_05/chitiet.png" width="331" /></div>
&nbsp;<br  />
Trong trường hợp: Bạn chẳng may ấn <strong>Đồng ý</strong>&nbsp; khi chưa thay thông tin gì (Nội dung trong bảng bạn copy từ Word vào Website). Để có thể thay đổi lại được thông tin bảng, bạn chỉ cần <strong>Chuột phải</strong> vào<strong>&nbsp;Bảng</strong> bạn muốn thay đổi thông tin. Tìm dòng <strong>Thuộc tính của bảng</strong>. Tiếp đó bạn điền thông số như trên và ấn <strong>Đồng ý</strong> là xong<br  />
&nbsp;
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://admin.pgdhadong.edu.vn/savefile/Huong-dan/Huong-dan-tuy-chinh-chieu-rong-cua-bang-tren-website-43.html" title="Hướng dẫn tùy chỉnh chiều rộng của bảng trên website">https://admin.pgdhadong.edu.vn/savefile/Huong-dan/Huong-dan-tuy-chinh-chieu-rong-cua-bang-tren-website-43.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; NukeViet Gate
		</div>
		<div id="contact">
			<a href="mailto:info@gate.edu.vn">info@gate.edu.vn</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://admin.pgdhadong.edu.vn/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=k9tjNn8A" width="1" height="1" /></div>
<script src="https://admin.pgdhadong.edu.vn/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=7,nv_my_abbr="+07",nv_cookie_prefix="nv4c_Cgoz2",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="6LcNwC8UAAAAAMm8ZTYNygweLUQtOU0IapbDRk69",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://admin.pgdhadong.edu.vn/assets/js/language/vi.js"></script>
<script src="https://admin.pgdhadong.edu.vn/assets/js/DOMPurify/purify3.js"></script>
<script src="https://admin.pgdhadong.edu.vn/assets/js/global.js"></script>
<script src="https://admin.pgdhadong.edu.vn/assets/js/site.js"></script>
<script src="https://admin.pgdhadong.edu.vn/themes/default/js/news.js"></script>
<script src="https://admin.pgdhadong.edu.vn/themes/default/js/main.js"></script>
<script src="https://admin.pgdhadong.edu.vn/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://admin.pgdhadong.edu.vn",
            "logo": "https://admin.pgdhadong.edu.vn/assets/images/logo.png"
        }
        </script>
<script src="https://admin.pgdhadong.edu.vn/themes/default/js/bootstrap.min.js"></script>
</body>
</html>