Hãy xem lại bảng tính đã hoàn thành mà chúng ta đang tạo bằng php xl. Căn chỉnh theo chiều ngang mặc định trong mỗi ô đã được đặt ở giữa, nhưng các cột B và G được căn trái. Văn bản trong cột G cũng đã được ngắt dòng để các dòng dài không vượt quá chiều rộng của cột. Nếu tôi chỉ thu nhỏ một chút, bạn có thể thấy rõ hơn. Các giá trị số dặm trong cột D đã được định dạng bằng dấu tách hàng nghìn và giá trong cột F đã được định dạng là đơn vị tiền tệ có ký hiệu đô la, dấu phân cách hàng nghìn và hai chữ số thập phân. Vì vậy, chúng ta cần ghi chú các cột đó và định dạng chúng. Hãy quay lại chương trình chỉnh sửa của chúng ta và làm việc với PHPExcel. Mã cần được đặt ở cuối khóa bộ lạc sau mã mà chúng ta đã tạo trong các video trước, vì vậy tôi sẽ chỉ thêm một vài dòng nữa và bắt đầu làm việc ở dòng 54. Để định dạng một cột, bạn cần áp dụng phương thức getStyle cho trang tính đang hoạt động và chỉ định một phạm vi ô. Bạn chỉ định một phạm vi trong chính xác…
Tải xuống các tệp mà người hướng dẫn sử dụng để dạy khóa học. Theo dõi và học hỏi bằng cách xem, nghe và thực hànhThực hành trong khi bạn học với các tập tin bài tập
Xem các khóa học trên thiết bị di động của bạn mà không cần kết nối internet. Tải xuống các khóa học bằng ứng dụng LinkedIn Learning trên iOS hoặc Android của bạn bảng tính. setColumn – Đặt chiều rộng của một cột hoặc một dải cột request_once "Bảng tính/Excel/Trình ghi. php";Tải xuống các khóa học và học mọi lúc, mọi nơi
Tóm tắt
void Worksheet::setColumn [ integer $firstcol , integer $lastcol , float $width , mixed $format=0 , integer $hidden=0 ]
Đặt chiều rộng của một cột hoặc một dải cột
integer $firstcol
- cột đầu tiên trên phạm viinteger $lastcol
- cột cuối cùng trên phạm vifloat $width
- chiều rộng để đặtmixed $format
- Định dạng XF tùy chọn để áp dụng cho các cộtinteger $hidden
- Thuộc tính ẩn tùy chọn
Chức năng này không thể được gọi tĩnh
styles.css
/**************
* Page Layout *
**************/
body {
margin: 0;
background-color: #e1e6c4;
}
* {
box-sizing: border-box;
}
/* Create columns that floats next to each other */
.column {
float: left;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/******************
* Style for title *
******************/
h1 {
color: #239aca;
text-align: center;
}
h1:first-letter{
color:#1B6685;
}
/******************************
* Style for left side content *
******************************/
#leftSide {
color: #aaa;
width: 186px;
padding: 5px;
margin: 0 20px;
overflow: auto;
background-color: #fff;
border: dashed 1px #bbb;
box-shadow: 0px 0px 0px 5px #f7f7f7, 0px 0px 2px 7px #bbb, 0px 0px 5px 5px #f7f7f7 inset;
}
/***************************
* Style for drop zone area *
***************************/
#dropZone {
padding: 30px 0;
margin-bottom: 8px;
text-align: center;
}
#dropZone.dragover {
background: #DCDCDC;
}
/**************************
* Style for image preview *
**************************/
img {
margin: 0 3px;
}
img:hover {
cursor: grab;
}
/*********************************************
* Style for model selection drop-down button *
*********************************************/
#buttonsArea {
margin: 0 15px 0 50px;
}
select {
color: #333;
display: block;
max-width: 100%;
border-radius: 3px;
height: auto !important;
border: 1px solid #e3e3e3;
line-height: 16px !important;
padding: 10px 70px 10px 13px !important;
background: #fff url["selectbox_arrow.png"] right center no-repeat;
appearance: none; /* this is must */
-webkit-appearance: none;
-moz-appearance: none;
}
/*****************************************************************
* Style for single upload section that changes canvas background *
*****************************************************************/
#singleUploadSection {
color: #333;
width: 194px;
padding: 6px;
margin: 10px 0;
font-size: 13px;
text-align: center;
border-radius: 3px;
background-color: #fff;
}
/*******************
* Style for canvas *
*******************/
#background {
padding: 5px;
position: absolute;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba[0, 0, 0, 0.2], 0 6px 20px 0 rgba[0, 0, 0, 0.19];
}
.layer {
padding: 5px;
position: absolute;
background-color: #fff;
}
0styles.css
/**************
* Page Layout *
**************/
body {
margin: 0;
background-color: #e1e6c4;
}
* {
box-sizing: border-box;
}
/* Create columns that floats next to each other */
.column {
float: left;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/******************
* Style for title *
******************/
h1 {
color: #239aca;
text-align: center;
}
h1:first-letter{
color:#1B6685;
}
/******************************
* Style for left side content *
******************************/
#leftSide {
color: #aaa;
width: 186px;
padding: 5px;
margin: 0 20px;
overflow: auto;
background-color: #fff;
border: dashed 1px #bbb;
box-shadow: 0px 0px 0px 5px #f7f7f7, 0px 0px 2px 7px #bbb, 0px 0px 5px 5px #f7f7f7 inset;
}
/***************************
* Style for drop zone area *
***************************/
#dropZone {
padding: 30px 0;
margin-bottom: 8px;
text-align: center;
}
#dropZone.dragover {
background: #DCDCDC;
}
/**************************
* Style for image preview *
**************************/
img {
margin: 0 3px;
}
img:hover {
cursor: grab;
}
/*********************************************
* Style for model selection drop-down button *
*********************************************/
#buttonsArea {
margin: 0 15px 0 50px;
}
select {
color: #333;
display: block;
max-width: 100%;
border-radius: 3px;
height: auto !important;
border: 1px solid #e3e3e3;
line-height: 16px !important;
padding: 10px 70px 10px 13px !important;
background: #fff url["selectbox_arrow.png"] right center no-repeat;
appearance: none; /* this is must */
-webkit-appearance: none;
-moz-appearance: none;
}
/*****************************************************************
* Style for single upload section that changes canvas background *
*****************************************************************/
#singleUploadSection {
color: #333;
width: 194px;
padding: 6px;
margin: 10px 0;
font-size: 13px;
text-align: center;
border-radius: 3px;
background-color: #fff;
}
/*******************
* Style for canvas *
*******************/
#background {
padding: 5px;
position: absolute;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba[0, 0, 0, 0.2], 0 6px 20px 0 rgba[0, 0, 0, 0.19];
}
.layer {
padding: 5px;
position: absolute;
background-color: #fff;
}
1styles.css
/**************
* Page Layout *
**************/
body {
margin: 0;
background-color: #e1e6c4;
}
* {
box-sizing: border-box;
}
/* Create columns that floats next to each other */
.column {
float: left;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/******************
* Style for title *
******************/
h1 {
color: #239aca;
text-align: center;
}
h1:first-letter{
color:#1B6685;
}
/******************************
* Style for left side content *
******************************/
#leftSide {
color: #aaa;
width: 186px;
padding: 5px;
margin: 0 20px;
overflow: auto;
background-color: #fff;
border: dashed 1px #bbb;
box-shadow: 0px 0px 0px 5px #f7f7f7, 0px 0px 2px 7px #bbb, 0px 0px 5px 5px #f7f7f7 inset;
}
/***************************
* Style for drop zone area *
***************************/
#dropZone {
padding: 30px 0;
margin-bottom: 8px;
text-align: center;
}
#dropZone.dragover {
background: #DCDCDC;
}
/**************************
* Style for image preview *
**************************/
img {
margin: 0 3px;
}
img:hover {
cursor: grab;
}
/*********************************************
* Style for model selection drop-down button *
*********************************************/
#buttonsArea {
margin: 0 15px 0 50px;
}
select {
color: #333;
display: block;
max-width: 100%;
border-radius: 3px;
height: auto !important;
border: 1px solid #e3e3e3;
line-height: 16px !important;
padding: 10px 70px 10px 13px !important;
background: #fff url["selectbox_arrow.png"] right center no-repeat;
appearance: none; /* this is must */
-webkit-appearance: none;
-moz-appearance: none;
}
/*****************************************************************
* Style for single upload section that changes canvas background *
*****************************************************************/
#singleUploadSection {
color: #333;
width: 194px;
padding: 6px;
margin: 10px 0;
font-size: 13px;
text-align: center;
border-radius: 3px;
background-color: #fff;
}
/*******************
* Style for canvas *
*******************/
#background {
padding: 5px;
position: absolute;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba[0, 0, 0, 0.2], 0 6px 20px 0 rgba[0, 0, 0, 0.19];
}
.layer {
padding: 5px;
position: absolute;
background-color: #fff;
}
2styles.css
/**************
* Page Layout *
**************/
body {
margin: 0;
background-color: #e1e6c4;
}
* {
box-sizing: border-box;
}
/* Create columns that floats next to each other */
.column {
float: left;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/******************
* Style for title *
******************/
h1 {
color: #239aca;
text-align: center;
}
h1:first-letter{
color:#1B6685;
}
/******************************
* Style for left side content *
******************************/
#leftSide {
color: #aaa;
width: 186px;
padding: 5px;
margin: 0 20px;
overflow: auto;
background-color: #fff;
border: dashed 1px #bbb;
box-shadow: 0px 0px 0px 5px #f7f7f7, 0px 0px 2px 7px #bbb, 0px 0px 5px 5px #f7f7f7 inset;
}
/***************************
* Style for drop zone area *
***************************/
#dropZone {
padding: 30px 0;
margin-bottom: 8px;
text-align: center;
}
#dropZone.dragover {
background: #DCDCDC;
}
/**************************
* Style for image preview *
**************************/
img {
margin: 0 3px;
}
img:hover {
cursor: grab;
}
/*********************************************
* Style for model selection drop-down button *
*********************************************/
#buttonsArea {
margin: 0 15px 0 50px;
}
select {
color: #333;
display: block;
max-width: 100%;
border-radius: 3px;
height: auto !important;
border: 1px solid #e3e3e3;
line-height: 16px !important;
padding: 10px 70px 10px 13px !important;
background: #fff url["selectbox_arrow.png"] right center no-repeat;
appearance: none; /* this is must */
-webkit-appearance: none;
-moz-appearance: none;
}
/*****************************************************************
* Style for single upload section that changes canvas background *
*****************************************************************/
#singleUploadSection {
color: #333;
width: 194px;
padding: 6px;
margin: 10px 0;
font-size: 13px;
text-align: center;
border-radius: 3px;
background-color: #fff;
}
/*******************
* Style for canvas *
*******************/
#background {
padding: 5px;
position: absolute;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba[0, 0, 0, 0.2], 0 6px 20px 0 rgba[0, 0, 0, 0.19];
}
.layer {
padding: 5px;
position: absolute;
background-color: #fff;
}
3integer $firstcol
0
integer $firstcol
1
integer $firstcol
2
PHPExcel là một thư viện tạo Excel phi thường dành cho PHP mà tôi đã đề cập trên trang web này nhiều lần trước đây và hiện là cách thực tế của tôi để nhanh chóng loại bỏ tất cả các bản tải xuống Excel gây phiền nhiễu mà khách hàng dường như luôn PHẢI có. ;]
Save your collage image